html超链接需精准配置href路径、target与rel属性、id锚点及协议链接细节：href须按文件实际位置写相对或根路径，引号不可省；target="_blank"必配rel="noopener noreferrer"防安全风险；锚点id须唯一、小写、无特殊字符；mailto/tel/download等协议链接要注意参数格式与同源限制。

能点开、不跳错、不被拦截——HTML超链接不是写对 @#@#@#@#@#@#@#@#@#@0

rel="noreferrer" 还能防止 Referer 泄露来源地址

别用 javascript:void(0) 或 # 当占位符——点了回滚到顶部，又没 JS 处理，用户以为坏了

如果真要 JS 控制跳转，至少写 onclick="window.open(...); return false;"，否则默认行为和 JS 行为可能冲突

锚点跳转失效，大概率是 id 没对上

HTML5 废掉了 @#@#@#@#@#@#@#@#@#@1，注意 # 后面必须和 id 值**逐字符一致**

如果页面滚动没反应，检查是否被 CSS 的 scroll-behavior: smooth 或 JS 滚动监听器拦截；也可能是目标元素 display: none 或高度为 0

不要给多个元素设相同 id，浏览器只认第一个，后续锚点全部失效

mailto:、tel:、download 这些协议链接容易漏细节

它们看起来简单，但参数拼错或缺少必要属性，功能就直接哑火。

anything-to-html

将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。

下载

• 发邮件：@#@#@#@#@#@#@#@#@#@2，注意 & 是 HTML 实体，不是 &
• 拨号链接：@#@#@#@#@#@#@#@#@#@3，+ 号不能省，国际号码必须带国家码
• 强制下载：@#@#@#@#@#@#@#@#@#@4，download 属性仅对同源 URL 生效，跨域链接即使写了也不会下载
• 所有协议链接都建议加 rel="nofollow"，避免被搜索引擎误判为站内导航

最常被忽略的一点：CSS 可能悄悄干掉链接行为。比如重置样式里写了 a { pointer-events: none; }，或者父容器 overflow: hidden 切掉了点击热区——遇到“有下划线但点不动”，先查 computed styles，别急着改 HTML。

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