<nav>: 导航标签

最后更新：2026-10-13

<nav>导航标签

表示页面中主要的导航链接集合，如主导航、面包屑、分页等。

<nav>导航链接</nav>

编辑下方代码，在 playground 中查看实时效果：

浏览器	Chrome	Edge	Firefox	Safari	Opera
<nav>	✓ v1	✓ v12	✓ v1	✓ v1	✓ v1
所有主流浏览器均支持

提示： 并非所有链接都要放进 nav，仅“主要导航”适合；footer 里的一堆小链接可不必用 nav。

Qnav 和 ul 加 li 的导航有什么区别？

A<nav> 提供「导航地标」语义，屏幕阅读器可列出并直达；里面通常包 <ul><li> 组织链接。单独的 <ul> 只是列表、无导航语义。惯例结构：<nav><ul><li><a>链接</a></li></ul></nav>。

Q页面里可以有多个 nav 吗？

A可以。主导航、面包屑、页脚链接组、文章目录都可以各自是 <nav>，但不必把所有链接都包进去——只包主要导航块，并给每个 nav 加 aria-label（如「主导航」「面包屑」）帮助区分。

Q所有链接都需要包在 nav 里吗？

A不需要。规范建议 <nav> 只用于「主要导航块」；正文中的普通链接不必包，页脚的次要链接规范也认为可省略 nav。滥用 nav 会稀释地标语义。

更多案例即将上线，敬请期待。

Web-Tutorial 技术团队

由多位开发者共同维护的编程教程平台。每篇教程由对应领域的开发者编写和审核，确保内容准确可靠。如发现任何问题，欢迎向我们反馈。