复制超链接代码需用开发者工具右键节点选“copy outerhtml”，不可用ctrl+u；注意href合法性、相对路径补全、target="_blank"须配rel="noopener noreferrer"、图片链接勿漏alt、download属性仅对同域有效。
直接复制 @#@#@#@#@#@#@#@#@#@0，结构完整可直接复用
href 值可能是相对路径（如 /product/123），保存后若要离线使用，需手动补全为绝对 URL 或调整路径
href 值缺失或写错是保存后失效的最常见原因
复制来的代码如果点不开，90% 是因为 href 不合法：缺协议头、拼写错误、路径错位。浏览器不会报错，但点击后可能跳到当前域名下某个 404 地址。
- 错误写法：
href="www.example.com"→ 缺https://，实际访问的是https://yourdomain.com/www.example.com - 正确写法：
href="https://www.example.com"或href="//www.example.com"（协议相对） - 相对路径要匹配保存位置：如果把 HTML 文件存到
/pages/index.html，而链接是href="contact.html"，那它只在同目录下有效 - 锚点链接如
href="#section2"保存后必须确保目标元素存在且有对应id="section2"
带 target="_blank" 的链接必须补 rel="noopener noreferrer"
复制来的代码如果含 target="_blank" 却没 rel 属性，直接保存使用会有安全风险——新页面可通过 window.opener 控制原页面，还可能拖慢加载。
- 现代项目构建工具（如 ESLint + eslint-plugin-react）会直接报错拦截
- 即使只是静态保存，也建议手动加上：
rel="noopener noreferrer" - 如果是同域跳转（比如从 blog.example.com 到 docs.example.com），
noopener仍要保留，noreferrer可酌情去掉（避免 Referer 丢失影响分析）
图片链接和下载链接的 alt 与 download 属性别漏掉
图片作为链接时，alt 不只是无障碍要求；禁用图片的环境里，它就是链接的可见文本。而 download 属性决定是否触发下载而非跳转，不加就变成普通页面跳转。
-
@#@#@#@#@#@#@#@#@#@1：没alt，屏幕阅读器读不出这是什么链接 -
@#@#@#@#@#@#@#@#@#@2：有download才强制下载；值可选填，用于指定保存文件名 -
download对跨域资源无效（比如href="https://cdn.example.com/file.zip"），此时浏览器会忽略该属性，直接跳转
rel 和 alt）。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
