标签无响应的首要原因是href为空、非法或JS被禁用；其次需排查event.preventDefault()拦截、相对路径解析错误、SPA路由未接管、CSP沙箱限制及协议兼容性问题。
点击 href 值是否为空或非法
空字符串 href=""、仅含空格的 href=" " 或写成 href="javascript:void(0)" 但 JS 被禁用时，都会导致跳转静默失败。浏览器对空 href 的处理不一致：Chrome 可能刷新当前页，Firefox 可能无动作，Safari 可能报错。
- 检查元素是否被
event.preventDefault()拦截（尤其在绑定click事件的父容器上） - 避免用
href="javascript:..."做跳转，改用location.href = "..."或 - 若需保留语义又不想跳转，用
href="#"+event.preventDefault()，但必须确保 JS 执行成功
相对路径跳转 404，重点核对当前 URL 与 href 解析逻辑
HTML5 不依赖服务器路由，但浏览器解析 href 严格按当前地址栏 URL 计算绝对路径。比如页面地址是 https://a.com/blog/post/（结尾有斜杠），href="index.html" 会请求 https://a.com/blog/post/index.html；而地址是 https://a.com/blog/post（无斜杠），同样 href="index.html" 会请求 https://a.com/blog/index.html。
- 统一使用以
/开头的绝对路径（如href="/about.html"），避免歧义 - 静态资源路径建议用
- 开发时打开浏览器开发者工具 → Network 标签页，点击链接后看发起的请求地址是否符合预期
单页应用（SPA）中
Vue Router、React Router 等默认拦截 点击并执行前端路由跳转，前提是使用了它们提供的 组件。直接写原生 会触发浏览器原生跳转，导致页面刷新、状态丢失。
- Vue 项目中不要混用
和 - React 中同理，用
替代 - 若必须用
（如 Markdown 渲染内容），可加target="_self"并监听点击，手动调用history.pushState()，但需自行处理前进/后退
href 正确但跳转仍卡住？留意 CSP、iframe 沙箱与协议限制
某些安全策略会主动阻止跳转行为。例如页面设置了 Content-Security-Policy: sandbox，且未声明 allow-scripts allow-same-origin allow-forms，则 点击可能被静默忽略；又或者目标地址是 file:// 协议，现代浏览器出于安全默认禁用跨文件跳转。
立即学习“前端免费学习笔记（深入）”；
- 检查响应头是否有
Content-Security-Policy，特别是sandbox字段 - 本地双击 HTML 文件打开时，
href指向其他本地文件可能失败，改用本地服务器（如python3 -m http.server）测试 - 避免
href使用data:、blob:等非标准协议，兼容性差且常被拦截
href 就可能“看起来写了，却不动”。 
