使用图标链接的HTML:标题的正确方法是什么

我知道如何使这些示例的外观和行为相同。但是我想知道构建HTML结构的正确方法是什么

-看起来是错误的，因为内联元素位于块元素内部

-相同的

元素定义了两次。我也不确定标题中的标记

还有其他解决办法吗

根据HTML5草案（并被浏览器接受），标记（1）是有效的，但不符合当前的HTML规范。如果两个链接指向同一目标，则标记（2）违反了可用性和可访问性原则。以下标记是自然的，只允许单击图像和标题文本（而不是默认占据可用宽度的整个

h1

元素）：

链接总是允许出现在标题中，但反之亦然

另一方面，很少有好的理由使标题可点击，我想知道为什么会有图像。如果你的意思是这真的应该是一个标题，一个整体网站标题，而不是一个标题，如果图像实际上是一个公司标志或，那么适当的标记应该是这样的

<div class=header><a href="/"><img alt=ACME src=acme-logo.png> – American Company
Manufacturing Everything</a></div>

---

（保留整个页面标题的

h1

。

有一些很好的理由使标题（文本）可点击（即链接回同一页面）。。。

<div class=header><a href="/"><img alt=ACME src=acme-logo.png> – American Company
Manufacturing Everything</a></div>