html - 有效的 html 标题

Question

有什么方法可以编写有效的标题/链接/图像吗？有点像

<a href="index.html"><h1 id="logo">Company name</h1></a> 

(将图像设置为背景，文本向左移动，因此通过 css 不可见)

Answer 1

类似于:

<h1 id="logo"><a href="index.html">Company Name</a></h1>

#logo a {
    display: block;
    width: 200px; /* width and height equal to image size */
    height: 100px;
    background: transparent url(images/logo.png) no-repeat;
    text-indent:-9999px;
}

原始标记的问题是 <a>是一个行内元素并且 <h1>是 block 元素。内联元素不能包含 block 元素。