标签仅用于主要导航链接，不可作为通用容器；其内应嵌套组织链接，须添加aria-label区分多组导航，次要导航应改用。
nav 标签只该放导航链接，不是“导航区容器”
是语义化标签，浏览器、屏幕阅读器和搜索引擎靠它识别“这是一组跳转到其他页面或页面锚点的链接”。它不负责样式，也不适合塞进标题、搜索框、logo 或按钮——那些该用
、
或普通
。
常见错误包括：
- 把整个顶部栏（含 logo + nav + 搜索）全包进一个
- 在
控制菜单展开（应放外面或用 - 用
html4 里没有 nav，用 ul + css 是最合理方案
HTML4 不支持
，但语义不能丢。此时用
包裹导航项，是 W3C 推荐做法——因为主导航本质就是“一组并列的链接”，
天然表达这种关系，比纯
+
正确写法示例：
立即学习“前端免费学习笔记（深入）”；
注意点：
- 不要省略
- 如果导航是垂直侧边栏，仍用
，语义不变，仅靠 CSS 改布局
- 可用
role="navigation"补充 ARIA 语义：
nav 和 ul 的嵌套关系：nav 里通常放 ul，不是替代关系
html5 中，
和
是协作关系，不是二选一。标准结构是
作为语义外层，内部用
组织链接列表——既满足语义，又保留列表的结构逻辑。
推荐结构：
关键细节：
- 嵌套下拉菜单时，子
-
aria-label或aria-labelledby强烈建议加上，否则多组
- 纯文字链接（无图标/图片）时，
别为了“语义”硬套 nav，次要导航用 div + aria 更稳妥
不是所有带链接的区域都该用
。W3C 明确说：只有“主要导航区块”才适用。比如页脚一堆友情链接、社交图标、版权信息旁的“隐私政策”“条款”，这些属于次要导航，用