<nav> <ul> HTML5 中的导航和导航有什么区别？

Question

每隔一段时间，我发现下面的代码结构被用于主站导航:

<nav>
   <a href="#">About Me</a>
   <a href="#">Pricing</a>
   <a href="#">Contact</a>
 </nav>

有时我发现这个:

<ul>
  <li><a href="#">About Me</a></li>
  <li><a href="#">Pricing</a></li>
  <li><a href="#">Contact</a></li>
</ul>

我的问题是:这两个选项有什么区别，因为它们完成的是完全相同的事情。有更好的吗?

Answer 1

你的主要目标需要是语义。

如果你感兴趣，这里有一些进一步的阅读:http://html5doctor.com/nav-element/

因此，基本上，将UL包含在NAV中会使您的代码更有意义，从而被优秀的搜索引擎所欣赏。

这也使你的代码更易读，这是我们都喜欢的:).

Answer 2

nav和ul元素都可以用来在html5中创建菜单，

• nav元素传达我们正在处理一个主导航块
• 这个列表传达了这个导航块中的链接形成了一个项目列表

但是你可以同时使用nav和ul来创建菜单，

<nav>
    <ul>
       <li>item 1</li>
       <li>item 2</li>
    </ul>
</nav>