Question

我已经开始在我的网页上使用html标签，而我正在尝试确定NAV标签的正确用法。我已经阅读了文档，看起来我应该对我的内容感到满意，但我注意到大多数其他开发人员在“ul”“li”标签中都有导航“块”。我使用div。

我的问题是，使用“ul”“li”标签而不是div的优缺点是什么？

以下是否可以使用导航？

<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>

Answer 1

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


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

<ul>和<li>标记比使用div标记更好，并且几乎总是用于菜单。通过使用ul和li s，您不会因为WAY太多ID而阻塞您的代码。

Answer 2

列表（ul，ol）在可访问的浏览器（屏幕阅读器等）中可能具有其他含义，而div则没有。这使这些用户更容易使用您的网站，其中一个原因是菜单首选列表。

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

Answer 3

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

你正在做的事情很好，altought也许我会用nav＃navBar直接替换div＃navBar，以减少anidation级别

html5 NAV TAG正确用法

3 个答案: