在导航栏中使用 <ul> 标记的技术原因。有没有？

Question

有什么技术原因（CSS / jQuery 相关）为什么要在导航栏上使用<ul> 标签，而不是仅仅使用a 标签？

<nav>
  <ul class="links">
    <li><a href="/">Home page</a></li>
    <li><a href="/about">About page</a></li>
  </ul>
</nav>

对

<nav>
    <a href="/">Home page</a>
    <a href="/about">About page</a>
</nav>

Answer 1

• 可以说，它“更具语义化”：这些链接可能是一个列表
• 没有nav 元素（即在HTML5 中），ul 通常为样式提供了一个有用的容器

Answer 2

与 XML 不同，您不能在 HTML 中构成标签。当然，可能会起作用，但它是无效的标记。

列表通常提供了一种很好的方式来标记有意义的事情。结构，它通常是有意义的（您通常在导航中有一个项目列表，不是吗？）。定义列表可以用于某些形式的导航，但列表通常最有意义。