html5导航标签的正确使用

我已经开始在我的页面上使用html标记，我正在尝试确定NAV标记的正确用法。我已经阅读了文档，看起来我应该可以接受我所拥有的，但是我注意到大多数其他开发人员在“ul”“li”标记中有他们的导航“块”。我用过div

我的问题是，使用“ul”“li”标记而不是div有哪些优点/缺点

下面的内容是否适用于nav

<nav>
    <div id="navBar">
        <div id="navItem1"><a></a></div>
        <div id="navItem2"><a></a></div>
        <div id="navItem3"><a></a></div>
        <div id="navItem4"><a></a></div>
    </div>
</nav>

---

您发布的代码不是最佳做法。应该是：

<nav>
    <ul>
        <li><a></a></li>
        <li><a></a></li>
        <li><a></a></li>
        <li><a></a></li>
    </ul>
</nav>

---

和

标记优于使用

div

标记，并且几乎总是用于菜单。通过使用

ul

s和

li

s，您不会用太多的ID阻塞代码。

根据自定义，导航栏被视为链接列表，因此使用ul-li。没有实际的区别，只是一种常见的做法

你现在所做的很好，但也许我会直接用导航栏替换div#导航栏，以降低编辑级别，而div没有，列表（ul，ol）可以在可访问的浏览器（屏幕阅读器等）中有额外的意义。这使得这些用户更容易使用您的站点，其中一个原因列表是首选菜单

---

另外，正如其他人所说，列表标签为内容提供了一些上下文（菜单是链接列表），而div没有上下文。

感谢您的帮助。我很可能会将我的div转换为ul/li。不过我担心ie7对导航标签的支持。然后你会想使用这样的shiv：

谢谢大家，你帮了大忙。=）-1.有一个实际的区别，使用屏幕阅读器的人依靠列表来导航页面，自动化工具可能使用列表来构建结构，搜索引擎在索引页面时可能出于各种原因使用列表，等等。