标签仅在包含真实 href 链接、结构合理且 DOM 可访问时才具语义化作用；空导航、伪链接、嵌套或动态未就绪的 均无效，须用 aria-label 区分多导航并避免滥用。

标签不是“写了就语义化”，它只在满足真实跳转、结构合理、DOM 可访问时才生效。光套个标签没用，浏览器和屏幕阅读器会直接忽略空的或伪链接的

。

nav 里必须放真实 @#@#@#@#@#@#@#@#@#@0 这类带有效 href 的原生链接

空链接 @#@#@#@#@#@#@#@#@#@1），再用 JS 替换内容，避免空白期

可用 document.querySelector('nav a') 在控制台验证是否真有可访问链接节点

别把所有链接都往

里塞

是“主要导航链接集合”，不是“所有链接容器”。滥用反而稀释语义价值，让关键导航被淹没。

HTML Text Extract

从HTML页面（URL、文件或标准输入）中提取主体内容文本，去除导航、页脚、广告和模板文本。可直接传递给readability_check或其他文本工具。

下载

• 适合放进
  ：主导航菜单（首页/产品/定价/联系）、文档侧边目录、分页器（@#@#@#@#@#@#@#@#@#@2）
• 不适合：文章内链（如“参见参考文献”）、工具栏按钮（编辑/分享/打印）、登录/注册入口（属于功能操作，非页面跳转导航）
• 面包屑、分页、相关文章推荐，优先考虑用
  + aria-label，而非硬套

最容易被忽略的点是：语义化不靠标签名决定，而靠它在 DOM 中的**实际状态**——有没有真实链接、是否可被脚本和辅助技术即时读取、是否符合用户对“导航”的行为预期。写完记得用 Chrome 的 Lighthouse 检查“Accessibility”项，或打开 NVDA/Firefox + VoiceOver 实测朗读效果。

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！