在导航栏中使用<ul>标签的技术原因.有没有?

Fit*_*aki 4 css navigation html5 html-lists nav

有没有任何技术原因(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>
Run Code Online (Sandbox Code Playgroud)

VS

<nav>
    <a href="/">Home page</a>
    <a href="/about">About page</a>
</nav>
Run Code Online (Sandbox Code Playgroud)

Bob*_*ack 6

  • 可以说,它更"语义化":这些链接可能一个列表
  • 如果没有nav元素(即在HTML5中),ul通常会为样式提供有用的容器

  • 如果样式表因任何原因未加载,它也更有可能显示为项目的垂直列表. (3认同)
  • @Mendy - 实际上,它并不意味着链接列表.它的意思是"带导航链接的部分".如果你看一下W3C为[nav元素](http://dev.w3.org/html5/spec/Overview.html#the-nav-element)提供的例子,他们都使用了<ul>. (3认同)