问做这个HTML的正确方法是什么:带有图标链接的头
EN

Stack Overflow用户

提问于 2012-04-15 03:35:43

回答 1查看 248关注 0票数 0

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

发布于 2012-04-15 04:51:36

标记(1)根据HTML5草案有效(并为浏览器所接受)，但不受当前HTML规范的影响。如果两个链接指向同一个目标，则标记(2)违反可用性和可访问性原则。以下标记是自然的，只会使图像和标题文本可点击(而不是默认占用可用宽度的整个h1元素)：

<h1><a href=...><img src=... alt=...>Heading text</a></h1>

链接总是允许在标题内，但反之亦然。

另一方面，很少有一个很好的理由让标题点击，我想知道为什么图像在那里。如果您的意思是，这真的应该是一个标题，一个整体的网站标题，而不是一个标题，如果图像实际上是一个公司的标志，或者，适当的标记应该是类似的东西

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

(为整个页面标题保留h1 )。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/10159858

复制

相似问题

问做这个HTML的正确方法是什么:带有图标链接的头EN