Html 你能做一个CSS<；标题>；元素转换为链接？

我有一个网站有一个

，它的样式使标题图形成为

背景图像。我想有标题链接到主页

有没有一种优雅的方法可以让我把它作为带有
背景图像的标题

CSS:

#header {
  background-image: url('../images/header.jpg');
  height: 144px;
  display: block;
}

背景图像不可链接。“正确”的方法是使用一个
元素，该元素具有适当的
href
，并将
背景图像
放在该元素上。使用CSS使
占据所需空间。
锚现在是HTML5中的块元素，因此它们可以包装块元素，如
h1
、
p
和
div
。但是，它们不是用来包装
标题
，
文章
，
导航
，
部分
等

如果您无权访问标记或CSS，则可以使用JavaScript将
onClick
事件分配给header元素，但这当然需要JavaScript才能工作

相反，您需要用
a
包装
标题的内容，并将其分配给您的主页
href
。然后，您可以使用背景图像和其他CSS设置链接样式（确保将其设置为
display:block
）。
您的问题涉及
元素，但CSS代码使用类选择器
#header
。从技术上讲，您可以使用
，但这是毫无意义的，而且
#header
表明实际的标记具有

元素和
元素都可以放置在


（但是，内容图像将最小页面宽度强制为图像宽度。这并不总是可取的，但这是不同的故事和问题。）
我在使用单独的样式表时就是这样做的

原始css头标签

    <div id="header">

    </div>



添加了跨距以使标题成为链接

    <span><a href="http://www.yourwebsitename.com/">
    <div id="header">

    </div></a></span>


您的标题您还可以查看以下链接以了解详细信息：@MattBrand还记得应用display:block；指向锚定标记，使其成为块级元素而不是内联元素（从而占用设置宽度/高度的空间）。@MattBrand-如果此解决方案对您有效，请单击答案旁边的复选标记，将其标记为可接受的解决方案。“但是，它们不是用于包装标题、文章、导航、节等。”-需要引用。没有理由不能包装，但我还没有遇到任何这样做的开发人员。。。
    <span><a href="http://www.yourwebsitename.com/">
    <div id="header">

    </div></a></span>