a标签必须含href属性才具备跳转功能，否则仅为普通内联元素；href支持外部网址、相对路径、锚点、邮箱、电话及文件下载等目标类型，搭配target="_blank"时须同步设置rel="noopener noreferrer"以保障安全与语义完整。
a 标签是 HTML 中定义超链接的元素，本质是“锚（anchor）”——不是页面里那个带下划线的蓝色文字本身，而是承载链接行为的容器。
为什么 a 标签必须有 href 才算真正可跳转？
没有 href 属性的 a 标签在 HTML5 中只是个普通内联占位符，不触发导航、不响应点击、不被屏幕阅读器识别为链接。
- 浏览器不会给它默认下划线或手型光标
-
tab键无法聚焦，Enter键按了也没反应 - 搜索引擎和无障碍工具会忽略它作为链接的语义
- 加了
href=""或href="#"也不行——前者刷新当前页，后者跳到顶部且易引发意外滚动
a 标签能链接到哪些目标？
href 值决定链接去向，支持多种协议和路径格式：
htmlppt.skill
下载
把任意文章或文档内容转换成精美的全屏翻页 HTML 演示文件（幻灯片风格）。当用户发来一篇文章、文档链接、Markdown 内容、或粘贴的文本，并且希望生成演示用的 HTML 时触发。支持任意内容来源：iWiki 链接、KM 链接、本地文件路径、直接粘贴的文本。生成的 HTML 文件保存到本地工作区，并通过企微直接发送给用户。触发词示例：帮我把这篇文章做成PPT、转成演示文档、生成HTML幻灯片、做个演示、转成可以演示的格式、article to deck、make a slide。
- 外部网址：
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
- 示例：
@#@#@#@#@#@#@#@#@#@0
最容易被忽略的是语义完整性：一个 a 标签是否真需要跳转？如果只是视觉样式模仿链接（比如用 JS 绑定 click 事件但无 href），应该改用 button 或带 role="link" 的元素，否则会破坏键盘导航和无障碍体验。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
