nav标签是HTML5用于定义页面主导航链接区域的语义化元素,提升可访问性和SEO;适用于主导航菜单、分页控件、面包屑等场景,不应滥用在页脚链接或普通内容链接中。

在HTML中,nav 标签用于定义页面的导航区域,是HTML5引入的语义化标签之一。它不是用来包裹所有链接的“万能容器”,而是有明确使用场景的结构化元素。
什么是nav标签?
nav 标签表示页面中主导航链接的集合。浏览器和辅助技术(如屏幕阅读器)会通过这个标签识别出导航部分,提升可访问性和SEO效果。
它通常包含一组指向其他页面或页面内重要区域的链接。
nav标签的正确使用场景
以下情况推荐使用 nav 标签:- 网站主导航菜单(如顶部导航栏)
- 侧边栏中的目录或章节链接
- 分页控件(如“上一页”“下一页”)
- 面包屑导航(Breadcrumb)
- 文章或文档的目录跳转链接
示例代码:
立即学习“前端免费学习笔记(深入)”;
什么时候不该使用nav?
并非所有链接都需要放在 nav 中。以下情况一般不用 nav:如果一个页面只有少数几个辅助性链接,直接用普通 a 标签即可,无需包裹 nav。
结合其他语义化标签使用
nav 可以和其他HTML5语义标签配合使用,构建清晰的页面结构。
我的网站
上面例子中,页面有两个 nav:一个是主导航,另一个是侧边栏的次级导航,都是合理使用。
基本上就这些。nav 标签的关键在于“主导航”定位,用对了能提升结构清晰度和用户体验,滥用反而会降低语义价值。











