导航里面有部分标题答案

【问题标题】：Nav with section titles inside导航里面有部分标题
【发布时间】：2016-09-13 10:23:52
【问题描述】：

我有一个导航，通常我会使用 ul 进行标记，但这次在结构内部我有子标题，请注意并非所有部分都有子标题：

- News
- Articles
- Products

Archive
- News
- Articles

Info
- Contact
- Terms & Conditions

用什么方法来标记它？

我想 ul 用于第一个没有标题的块，然后 dl 用于有标题的部分。这在语义上是否正确？

【问题讨论】：

如果你真的关心语义标记，那么就不要误以为“这就是我希望它看起来的样子”。如果这是导航的三个“部分”，那么为什么不每个部分都有一个标题？（是否要为每个部分向用户显示这些标题，这是一个完全不同的问题。）因此，这为所有三个部分提供了一个通用结构 - 然后使用嵌套列表，正如@Miam84 在他们的回答中已经建议的那样，这很有意义。（肯定比无序列表和定义列表中的任意划分要多得多。）
这取决于nav 有多少链接/部分。这是一个现实的例子，还是还有更多？

【解决方案1】：

ul元素可以嵌套

<nav>
 <ul>
  <li>Archive
   <ul>
    <li>News</li>
    <li>Articles</li>
   </ul></li>
  <li>Info 
  ...
 </ul>
</nav>

更新

由于您的nav 是包含子类别的类别列表，嵌套的ul 似乎更好，因为dl 是用于配对的定义列表（如title -> description）。

【讨论】：