href必须正确填写协议或路径，否则链接失效；外链需带https://，站内用相对路径，锚点用#加id，空链接禁用href="#"，URL含特殊字符须编码，且需排查CSS/JS干扰和点击热区不足问题。
超链接 <a></a> 的 href 必须写对，否则点不开
浏览器只认标准协议前缀或相对路径，href 值写成 www.example.com 或 example.com 都不会跳转——缺了 http:// 或 https://，它会被当成当前目录下的文件名处理。
- 外链必须带协议：
href="https://example.com"（推荐用https） - 同站内页用相对路径更安全：
href="about.html"、href="../contact/index.html" - 页面内锚点写法是
href="#section2"，对应目标元素的id="section2" - 空链接占位别用
href="#"，会滚到顶部；临时禁用建议写href="javascript:void(0)"或加onclick="return false"
href 值里有空格或中文？先编码再写
URL 中不允许直接出现空格、中文、顿号、括号等字符，浏览器解析时会截断或报错。比如 href="文章标题.pdf" 实际请求的是 %E6%96%87%E7%AB%A0%E6%A0%87%E9%A2%98.pdf，但手写未编码的值会导致 404。
- 手动编码可用
encodeURIComponent()浏览器控制台快速生成：encodeURIComponent("测试文件.pdf")→"%E6%B5%8B%E8%AF%95%E6%96%87%E4%BB%B6.pdf" - 服务端渲染时，后端模板（如 Jinja2、EJS）通常自带 URL 编码函数，别自己拼字符串
- 本地开发时，文件名尽量用英文+短横线，避开编码问题
点击没反应？检查 <a></a> 是否被 CSS 或 JS 拦住了
常见假“失效”不是 href 写错，而是样式或脚本干扰了默认行为。
- CSS 中
a { pointer-events: none; }会让链接彻底不可点，检查 computed styles - JS 绑定了
event.preventDefault()但没做后续跳转逻辑，比如只弹了个提示框就结束了 -
<a></a>标签里嵌了<div> 或其他块级元素（HTML5 允许，但旧版 IE 可能异常），建议只包行内内容 <li>父容器设置了 <code>overflow: hidden且链接在裁剪区外，看起来像“点不动”，实际是点不到 - 给
<a></a>加padding或设min-height扩展热区，不要只依赖文字大小 - 避免用
font-size: 12px+line-height: 1挤出超窄链接 - 若用图标作链接，确保图标容器有足够尺寸，别只靠
<img alt="如何在网页中插入基础的超链接_A标签HREF属性定义目标" >原图大小响应
移动端点击区域太小，href 本身不解决这个问题
href 只管跳哪，不管好不好点。iOS Safari 要求可点击区域 ≥ 44×44pt，Android 也类似。如果链接文字只有 12px，用户根本点不准。
href 当纯文本字段填，却忘了它本质是 URI —— 协议、路径、编码、上下文都得匹配，缺一不可。写完务必在真实设备上点一次，别只看标签是否渲染出来了。
