a标签必须含href属性才可点击跳转；有效值为相对路径（如about.html）或绝对URL（如https://example.com），禁用file://本地路径；target="_blank"须配rel="noopener noreferrer"防安全风险。
直接用 <a> 标签加 href 属性就能生效，没别的前提条件。不写 href 的 <a> 就是废标签，点不了。
href 值写什么才真正能跳转
浏览器只认两类地址：带协议的完整 URL（如 https://example.com），或服务器可解析的路径（相对路径如 about.html，根路径如 /contact）。本地文件路径（file:///C:/xxx/index.html 或 C:\xxx\index.html）在网页中一律无效。
-
href="index.html"：同目录下的文件 -
href="pages/help.html"：子目录里的文件 -
href="../index.html"：上一级目录 -
href="/assets/js/app.js"：从网站根目录开始找（部署后有效，本地双击 HTML 文件时会 404） -
href=""不是“不跳转”，而是刷新当前页
页面内锚点跳转为什么点不动
锚点跳转依赖目标元素的 id，不是 name（HTML5 已废弃）。链接写成 href="#section2"，对应的目标必须是 <h2 id="section2">... 这种结构。
- id 值不能含空格、中文、点号、括号等特殊字符；稳妥写法只用小写字母、数字、短横线和下划线，比如
id="faq-1" - 目标元素得真实存在且未被
display: none或visibility: hidden彻底隐藏（后者仍可跳转） - 如果页面用了单页应用框架（如 React Router），
#可能被路由库拦截，需检查是否禁用了 hash 模式 - 想让滚动平滑，加一句 CSS：
html { scroll-behavior: smooth; }
新标签页打开链接必须配 rel="noopener"
只加 target="_blank" 是不安全的。新页面可通过 window.opener 访问原页面的 window 对象，可能被用于钓鱼或性能攻击。
立即学习“前端免费学习笔记（深入）”；
- 正确写法是：
<a href="https://external.site" target="_blank" rel="noopener noreferrer">外部链接</a> -
rel="noreferrer"会阻止 Referer 头发送，适合隐私敏感场景；若需统计来源，可只留noopener - 别用
onclick="window.open(...)”替代 —— 它绕过右键菜单（无法“在新标签页中打开”或“复制链接地址”），也不被搜索引擎识别
最容易被忽略的是 href 值的合法性判断：路径拼错、大小写不一致（Linux 服务器区分大小写）、ID 写错或重复、以及本地预览时误用根路径 —— 这些问题都不会报错，只是链接静默失效。
