href路径选择取决于资源位置和部署方式，本地开发用相对路径，CDN托管需绝对URL；特殊字符须用encodeURIComponent编码；锚点需合法ID；点击无效常因空href、CSS禁用或JS阻止默认行为。
href 属性值写相对路径还是绝对路径？
取决于资源位置和部署方式，不是“哪个更好”，而是“哪个不会 404”。本地开发时用相对路径最稳妥，上线后如果静态资源托管在 CDN，就得换成绝对 URL。
- 根相对路径（
/static/logo.png）从域名根开始找，适合多级路由但站点部署在根目录的场景 - 普通相对路径（
../images/icon.svg）依赖当前 HTML 文件所在目录层级，移动文件容易断链 - 绝对 URL（
https://cdn.example.com/js/app.js）绕过路径解析，但硬编码域名不利于本地调试和环境切换
href 中的特殊字符没转义导致链接失效
空格、中文、#、? 等字符不编码会破坏 URL 结构，浏览器可能截断或误解意图。比如 href="文档 v2.pdf" 实际发出请求的是 文档，后面被丢弃。
- 前端拼接时用
encodeURIComponent()处理动态文件名，如：`/files/${encodeURIComponent(filename)}` - 服务端返回的链接应确保已做 URL 编码，尤其来自用户上传或数据库字段
- 注意：
encodeURI()和encodeURIComponent()范围不同，路径分隔符/在前者中不编码，在后者中会被编码——别混用
href 指向页面内锚点但跳转失败
常见原因是目标元素缺失 id 或 name 属性，或者 ID 值含非法字符（如空格、句点），浏览器无法匹配。
- 锚点必须是唯一
id，name属性在现代 HTML 中已废弃，不要依赖 - ID 不能以数字开头（
id="1section"无效），避免使用.、:等 CSS 选择器特殊符号 - SPA 应用里，直接点击
href="#about"可能不触发路由，需配合 JS 监听hashchange或用框架的导航方法
href 设置了但点击没反应？检查这几个地方
不是代码写错了，往往是被其他逻辑覆盖或阻断了默认行为。
立即学习“前端免费学习笔记（深入）”；
-
href值为空（href=""）或仅含空格，浏览器会刷新当前页，不是“没反应”而是反应不对 - CSS 中
a { pointer-events: none; }或父元素设置了该样式，链接完全不可点击 - JS 里用了
event.preventDefault()却没补后续逻辑，比如表单提交前校验失败就拦住了，但没给用户提示 - 移动端 Safari 对
href="javascript:void(0)"支持不稳定，建议用href="#"+event.preventDefault()，或改用button元素
