纯语义化html即可构建可用导航：仅用包裹真实href的，避免冗余、空链接和无意义class；移动端用checkbox+label+media query实现折叠；aria-current="page"动态标注当前页。

导航结构只用 <nav></nav> 和 @#@#@#@#@#@#@#@#@#@0。其他页面同理动态替换。

别加 role="navigation" ——<nav></nav> 已自带该 role；也别乱加 tabindex，原生 <a></a> 默认可聚焦。

Html2md

使用 Readability + Turndown 将 HTML 页面转换为干净的、Agent 友好的 Markdown。去除导航栏、广告、页脚、Cookie 横幅、社交按钮等干扰元素。支持 URL...

下载

最易被忽略的是：这个属性必须随页面实际路径动态更新，硬编码在 HTML 里会失效。如果全站静态页，就得每页手动改一次；如果用构建工具，可以抽成模板变量。

<nav><a href="index.html">首页</a>
  <a href="projects.html">作品</a>
  <a href="about.html">关于</a>
  <a href="contact.html">联系</a>
</nav>

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