href属性必须正确填写，否则链接无效；外链需带https://协议，站内用相对路径或根路径，锚点跳转需目标元素id唯一且合法，target="_blank"必须配rel="noopener noreferrer"防安全风险。
href 属性必须写对，否则链接就是个摆设
不带 href 的 <a> 标签不会响应点击，哪怕加了 onclick 或 CSS 样式。浏览器只认 href 值有效才启用跳转逻辑。
常见失效写法：
-
href=""→ 刷新当前页，不是“不跳转” -
href="C:\project\index.html"→ 本地路径在网页中无效，浏览器拒绝解析 -
href="/about.html"→ 本地双击打开 HTML 文件时（file://协议），/指向系统根目录，必然 404
正确写法取决于使用场景：
- 开发阶段本地预览 → 用相对路径：
href="pages/about.html"或href="../index.html" - 部署到服务器（Nginx/Apache）→ 可用根相对路径：
href="/assets/js/app.js" - 跳外部网站 → 必须带协议：
href="https://example.com"
target="_blank" 不加 rel="noopener" 就等于留后门
用 target="_blank" 打开新页时，新页面可通过 window.opener 访问原页面的 window 对象，存在安全风险（比如重定向原页、窃取 sessionStorage）。
立即学习“前端免费学习笔记（深入）”；
必须配对使用：
-
target="_blank"+rel="noopener"：断开 opener 引用，推荐组合 - 如还需兼容旧版 Safari，可加
noreferrer：rel="noopener noreferrer" -
rel="nofollow"是给搜索引擎看的，和跳转安全无关
错误示例：<a href="https://evil.com" target="_blank">点我</a> —— 缺少 rel，危险。
锚点跳转失败？先检查 id 是否合法且唯一
页面内跳转靠的是 id，不是 name（HTML5 已废弃）。目标元素必须有 id，且该 id 值需满足 URL 片段标识符规范。
容易踩的坑：
-
id="常见问题?"或id="section 2"→ 包含中文、空格、问号等特殊字符，浏览器无法识别 -
id="header"在页面中重复出现多次 → 浏览器只滚动到第一个匹配项 - 目标元素被
display: none或visibility: hidden隐藏 → 滚动仍发生，但用户看不到目标位置
稳妥做法：id 只用小写字母、数字、短横线和下划线，例如：id="faq-section-1"，链接写成：<a href="#faq-section-1">常见问题</a>。
跳到其他页面的某个锚点，路径和 ID 要一起写
想从 index.html 直接跳到 about.html 的第二部分，不能只写 href="#section2"（那只是当前页内跳转），也不能只写 href="about.html"（没指定位置）。
必须拼接完整：
-
href="about.html#section2"→ 正确，相对路径 + 锚点 -
href="/about.html#contact"→ 正确，根相对路径 + 锚点（部署后可用） -
href="https://site.com/about.html#team"→ 正确，绝对 URL + 锚点
注意：单页应用（SPA）如 Vue Router 或 React Router 默认拦截 # 变化，这种跳转可能被路由库吞掉，需确认框架是否放行或改用编程式导航。
