Question

在文章之后我有与文章相关的标签列表。在<nav> html标记中包装这些标记的列表在语义上是否正确？如果不是，那会是什么？

<nav class="tags">
    Tags:
    <ul>
        <li><a href="#">Tag1</a></li>
        <li><a href="#">Tag2</a></li>
        <li><a href="#">Tag3</a></li>
    </ul>
</nav>

MDN states:

并非文档的所有链接都必须位于<nav>元素中仅适用于主要的导航链接;通常是 <footer>元素通常有一个不需要在的链接列表 <nav>元素。
用户代理（例如定位到已停用用户的屏幕阅读器）可以使用此元素来确定是否省略初始值渲染此内容。

Answer 1

<nav>标记定义了一组导航链接。

请注意，并非文档的所有链接都应位于<nav>元素内。 <nav>元素仅适用于导航链接的主要块。

浏览器（例如禁用用户的屏幕阅读器）可以使用此元素来确定是否省略此内容的初始呈现。

Answer 2

标签是文章元数据的一部分（就像作者姓名，出版日期等），所以它们应该在footer element中，footer应该在article内{1}}元素：

<article>
  <footer><!-- tags --></footer>
</article>

（有些人可能会使用header代替footer，但其默认角色banner并不合适，并且不能拥有contentinfo个角色，{{ 3}}。）

对于这样一个简单的标签列表，实际上并不需要另一个切片元素。

相关：我对which would be appropriate的回答。

我可以使用<nav>标签查看文章标签列表吗？

2 个答案: