用 标签加超链接必须设置 href 属性，否则仅为普通文本；可指向外部URL、内部锚点（#id）、相对/绝对路径、mailto:、tel: 等协议，需注意路径基准、编码、大小写及安全性（如 target="_blank" 配合 rel="noopener"）。
怎么用 <a></a> 标签加超链接
html 里加链接只靠一个 <a></a> 标签，没别的门道。它必须带 href 属性，否则不是链接，只是个空壳。
常见错误是写了 <a>点我</a> 却漏掉 href，浏览器渲染出来就是普通文字，点击没反应——连下划线都不会有。
-
href值为空字符串（href=""）会刷新当前页，不是“无跳转”，慎用 - 想让链接打开新标签页，必须加
target="_blank"，但别忘了顺手加rel="noopener"防安全风险 - 内部链接（比如跳到页面某块）用
href="#section1"，对应目标元素得有id="section1"，不是class
外部链接和相对路径怎么写才不 404
外部链接直接写完整 URL，比如 href="https://example.com"；内部资源（如图片、CSS、其他 HTML）用相对路径，但路径基准是「当前 HTML 文件所在位置」，不是你编辑时的文件夹视图。
容易踩的坑：本地双击打开 HTML 文件（file:// 协议），此时 href="pages/about.html" 能工作；但一旦部署到服务器，如果 URL 是 https://site.com/blog/，那这个相对路径就从 /blog/pages/about.html 开始找，不是网站根目录。
- 要确保链接始终从域名根开始，用以
/开头的绝对路径：href="/pages/about.html" - 协议相对链接（
href="//cdn.example.com/js/app.js"）现在基本不用了，HTTPS 已成标配，直接写https://更稳妥 - URL 中的空格必须编码为
%20，中文同理，否则链接失效或被截断
href 值写错导致的典型报错
浏览器不会报 JavaScript 那种语法错误，但控制台可能显示 Failed to load resource: net::ERR_FILE_NOT_FOUND 或 net::ERR_CONNECTION_REFUSED，本质都是 href 指向了一个不存在或不可达的位置。
将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。
调试时先右键「检查元素」，看 <a></a> 标签里的 href 值是否符合预期，再手动复制粘贴到地址栏试试——这是最快定位问题的方式。
-
href="about.html"在子目录下打开时，实际请求的是子目录里的about.html，不是上层的 -
href="https:/example.com"少了一个/，变成非法协议，浏览器会当成相对路径处理，结果跳去https:/example.com这个奇怪的路径 - 服务端启用了大小写敏感（如 Linux 服务器），
href="About.html"找不到about.html，404
mailto 和 tel 这类特殊链接怎么用
href 不只能写 HTTP 地址，还能触发系统默认应用，比如邮件客户端或电话拨号。关键是协议名必须拼对，且值要符合格式要求。
这类链接不走网络请求，所以不会在控制台报 404，但拼错协议或参数会导致点击后无响应，用户以为功能坏了。
- 发邮件：
href="mailto:support@example.com?subject=反馈&body=这里写内容"，注意subject和body要 URL 编码，空格变%20 - 打电话：
href="tel:+8613800138000"，+号不能省，国际号码必须带国家代码 - 发短信（支持有限）：
href="sms:+8613800138000?body=hello"，iOS 支持较好，Android 各厂商差异大
href 的值里，写错一个字符、少一个斜杠、漏一个冒号，链接就失效。最可靠的验证方式不是看代码，是点一下，再看地址栏跳到了哪。前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
