a标签跳转需确保href路径正确（相对/绝对/跨域）、target="_blank"须配rel="noopener noreferrer"、可借onclick实现确认/埋点/权限拦截，生产前须实测所有链接。
a 标签实现网页跳转是最直接、最符合语义的方式，不需要 JavaScript 就能完成标准导航，但实际使用中容易因 href 值、路径写法或目标行为设置不当导致跳转失败或体验异常。
href 属性必须写对：相对路径 vs 绝对路径
跳转是否成功，第一步就卡在 href 的值是否可解析。浏览器会按当前页面 URL 基础拼接相对路径，稍有偏差就 404。
- 当前页是
/blog/index.html，想跳到同级的about.html，写href="about.html"即可 - 想跳到上一级的
contact.html，得写href="../contact.html"（不是../contact或contact/） -
跨域或外部链接必须带协议，如
href="https://example.com"；只写href="example.com"会被当成当前域下的相对路径 - 空
href=""会刷新当前页，href="#"会滚回顶部，都不是“无跳转”——真要禁用，得用href="javascript:void(0)"或配合 JS 阻止默认行为
target 属性决定在哪打开：慎用 _blank
target="_blank" 看似方便，但默认会带来安全与性能隐患，不能无脑加。
- 不加
target默认在当前标签页跳转，最安全、最可控 - 加了
target="_blank"必须同步加rel="noopener noreferrer"，否则新页面可通过window.opener访问原页面 DOM，存在安全风险 - 移动端 Safari 对
_blank支持不稳定，部分场景会静默降级为当前页跳转 - SEO 角度，过度使用
_blank可能削弱页面间权重传递
跳转前可做轻量级拦截：onclick + return false
纯 a 标签跳转是立即发生的，但有时需要确认、埋点或条件判断，可在不改语义的前提下加一层控制。
立即学习“前端免费学习笔记（深入）”；
路径大小写、斜杠结尾、查询参数编码、base 标签影响——这些细节在本地测试时往往没问题，一上生产环境就出岔子。最稳妥的做法是：所有跳转链接都用浏览器地址栏真实访问过一遍，而不是只看代码觉得“应该能通”。
