nav 标签是 HTML5 中定义导航链接区域的语义化元素，用于声明导航区块而非实现功能；应包裹逻辑相关的导航链接，支持多实例但需各具独立目的，避免语义过载或冗余使用。
nav 标签是 HTML5 中专门用于定义页面导航链接区域的语义化元素，它的核心作用不是“实现”导航功能，而是明确声明此处为导航区块，帮助开发者、浏览器、屏幕阅读器和搜索引擎理解结构意图。
nav 标签的基本使用原则
它应包裹一组逻辑上相关的导航链接（如主导航、页脚快捷入口、侧边目录等），而非单个链接或非导航内容。一个页面可包含多个 nav 元素（例如顶部主菜单 + 文章内章节跳转栏），但需确保每个都具有独立导航目的。
- 避免嵌套其他语义容器（如 header 或 aside）来替代 nav 的语义职责
- 不强制要求所有链接都在同一层级；可配合 ul/li 构建多级菜单，语义依然成立
- 若导航仅含一个链接（如“返回首页”按钮），通常不建议用 nav，语义过重
常见导航结构中的 nav 声明方式
典型场景下，nav 应紧贴其服务的内容区域，位置不影响语义有效性，但影响可读性与维护性：
DeepBI DHTML 页面生成器
下载
生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur
- 主导航：放在 header 内部或紧随其后，例如
- 文章内导航（如“上一篇/下一篇”或章节锚点）：放在 article 内部顶部或底部，表明该导航服务于当前文章
- 页脚导航：在 footer 中独立使用 nav，区分于版权信息等非导航内容
辅助技术与 SEO 中的 nav 意义
屏幕阅读器用户可通过快捷键（如 NVDA 的 Insert+N）直接跳转到 nav 区域，提升访问效率；搜索引擎也借此识别页面核心导航路径，间接增强内容结构可信度。但需注意：
立即学习“前端免费学习笔记（深入）”；
- nav 本身不改变样式或交互行为，仍需 CSS 和 JavaScript 配合实现视觉呈现与响应式展开
- 若导航由 JS 动态注入且未同步更新 DOM 结构，部分辅助工具可能无法识别，应确保初始 HTML 包含 nav 及其链接
- 不要为 SEO 堆砌多个空 nav，无内容或重复导航会稀释语义价值
与 role="navigation" 的关系
在旧版 HTML 或需要兼容极老环境时，有人会写
