我应该使用 nav 还是 ul

Question

我正在制作导航菜单，我应该使用 <nav> 元素还是 <ul> 元素？

如果我使用 nav 我可能需要使用 shiv 才能跨浏览器工作。

如果是这样，使用 nav 比 ul 有什么优势？

编辑：

我知道您可以将 ul 放入 nav 我的问题是为什么要使用 nav ？

原文由 qwertymk 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

不要混淆 <nav> 和 <ul> 。它们都可以一起用于导航菜单。

Nav 是一个 HTML5 标签。如果您在 HTML5 中创建内容，您可以使用 <nav> 因为没有限制，但并非所有浏览器都能正确呈现。

  <nav>
    <ul>
        <li><a href="default.asp">Home</a></li>
        <li><a href="news.asp">News</a></li>
        <li><a href="contact.asp">Contact</a></li>
        <li><a href="about.asp">About</a></li>
    </ul>
</nav>

1. 阅读有关 Html 5 的信息

Ul 创建一个无序列表。无序意味着列表中的项目不会以任何特定顺序排列。您可以在 --- 中嵌套一个 ul nav 来放置您的链接。

在此处 阅读有关 HTML 标记及其工作原理的更多信息。

 <ul>
    <li><a href="default.asp">Home</a></li>
    <li><a href="news.asp">News</a></li>
    <li><a href="contact.asp">Contact</a></li>
    <li><a href="about.asp">About</a></li>
</ul>

这将创建一个导航栏，您必须添加一些 CSS 样式以使其看起来更好。

以上两个代码将产生相同的结果。唯一的区别是 nav 告诉浏览器这个元素是为了导航目的。

原文由 Jack 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

视情况而定，但大多数时候你会同时使用两者。

 <nav>
    <ul>
        <li><a href="#">item1</a></li>
        <li><a href="#">item2</a></li>
        <li><a href="#">item3</a></li>
        <li><a href="#">item4</a></li>
        <li><a href="#">item5</a></li>
    </ul>
</nav>

<!-- Or just links -->

<nav>
    <a href="#">Item</a>
    <a href="#">Item</a>
    <a href="#">Item</a>
</nav>

两者在语义上都是正确的。

原文由 elclanrs 发布，翻译遵循 CC BY-SA 3.0 许可协议