Question

我在网站页脚上有以下标记

<div class="footer">
  Quick Links
  <ul>
    <li><a href="#">Link 1</a>
    <li><a href="#">Link 2</a>
  </ul>
</div>

如果我将快速链接包装在HTML标签上，您会使用哪一个？

它似乎是一个部分的标题但是在页脚中我不会应用H标记...

我可以使用p标签，但是它是一个段落还是我应该使用p作为长文本？

也许是div还是跨度？

您认为哪个标签在语义上是正确的？

Answer 1

我会选择其中一个较低的h x 元素。理由：我希望它在列表顶部显示为块元素;它是列表的标题，因此hx元素是合适的。但是，它不像页面内容中的页面标题或标题那么重要，因此它可以使用排名较低的元素之一（页面中其他元素的层次结构也会影响我对元素的选择 - 例如是否有{带有标题的{1}}元素？有什么用？）。我还要换出aside并使用html5 <div class="footer">元素：

<footer>

在大多数情况下，标签选择实际上取决于个人。做你认为正确的事情！

指向相关资源的几个链接：

Web Content Accessibility Guidelines on headings（包括其他有用的链接）
Eric Meyer on picking a heading!
The fiction of HTML 5 Outlines

哪个HTML标签应该用于短文本？

1 个答案: