标签仅用于主要导航链接,不可作为通用容器;其内应嵌套组织链接,须添加aria-label区分多组导航,次要导航应改用。

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










