我应该使用nav还是ul

Question

我正在制作导航菜单,我应该使用<nav>元素或<ul>元素吗？

如果我使用nav我将需要使用shiv,以便它可以跨浏览器.

如果真是这样,什么用的优势nav在ul？

编辑:

我知道你可以把我的问题ul放到nav我的问题是为什么要使用一个nav？

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告诉浏览器这个元素是用于导航目的的.

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>

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