a标签必须含href属性才具备跳转功能，否则仅为普通内联元素；href支持外部网址、相对路径、锚点、邮箱、电话及文件下载等目标类型，搭配target="_blank"时须同步设置rel="noopener noreferrer"以保障安全与语义完整。
a 标签是 HTML 中定义超链接的元素，本质是“锚（anchor）”——不是页面里那个带下划线的蓝色文字本身，而是承载链接行为的容器。
为什么 a 标签必须有 href 才算真正可跳转？
没有 href 属性的 a 标签在 HTML5 中只是个普通内联占位符，不触发导航、不响应点击、不被屏幕阅读器识别为链接。
- 浏览器不会给它默认下划线或手型光标
-
tab键无法聚焦，Enter键按了也没反应 - 搜索引擎和无障碍工具会忽略它作为链接的语义
- 加了
href=""或href="#"也不行——前者刷新当前页，后者跳到顶部且易引发意外滚动
a 标签能链接到哪些目标？
href 值决定链接去向，支持多种协议和路径格式：
- 外部网址：
href="https://example.com" - 同站相对路径：
href="/about.html"或href="contact/index.html" - 页面内锚点：
href="#section2"（要求对应元素有id="section2"） - 邮箱：
href="mailto:support@example.com" - 电话：
href="tel:+8613800138000" - 下载文件：
href="/report.pdf" download（download属性触发保存而非打开）
常见错误：加了 target="_blank" 却没配 rel
单独用 target="_blank" 会让新页面与原页面共享同一个浏览上下文，存在安全风险（比如新页面可通过 window.opener 控制原页面）。
立即学习“前端免费学习笔记（深入）”；
- 正确写法必须加
rel="noopener noreferrer" -
noopener阻断window.opener访问，noreferrer防止Referer泄露 - 漏掉任一属性都可能带来安全隐患或影响 SEO
- 示例：
<a href="https://example.com" target="_blank" rel="noopener noreferrer">外部链接</a>
最容易被忽略的是语义完整性：一个 a 标签是否真需要跳转？如果只是视觉样式模仿链接（比如用 JS 绑定 click 事件但无 href），应该改用 button 或带 role="link" 的元素，否则会破坏键盘导航和无障碍体验。
