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

时间:2011-01-19 10:32:50

标签: css html5 navigation 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>

VS

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

2 个答案:

答案 0 :(得分:6)

  • 可以说,“更具语义性”:那些链接可能列表
  • 如果没有nav元素(即在HTML5中),ul通常会为样式提供有用的容器

答案 1 :(得分:-2)

与XML不同,您无法在HTML中使用彩妆标签。当然,可能会有效,但它是无效的标记。

列表通常提供一种很好的方式来标记有意义的东西。结构,它通常是有道理的(你通常在导航中有一个项目列表,没有?)。定义列表可以适用于某些形式的导航,但列表通常最有意义。