HTML5中<nav>和<ul> navegations的区别是什么？

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>