: 超链接标签
最后更新：2026-09-12
<a>超链接标签
<a>（锚点）元素用于定义超链接。它是万维网的基本构建块，用于链接到其他页面、文件、电子邮件地址以及同一页面内的位置。
| 分类 | 链接与媒体 |
|---|---|
| 内容模型 | 透明、流式内容、短语内容 |
| 允许的父元素 | 接受短语内容的任何元素 |
| 闭合标签 | 需要 </a> 标签 |
| 状态 | 标准 |
📝 语法
<a href="URL" target="_self|_blank|_parent|_top" rel="关系">链接文本</a>⚙️ 属性
该元素支持全局属性及以下专有属性：
| 属性 | 值 | 描述 |
|---|---|---|
href | URL | 链接的目标地址。可以是完整 URL、相对路径、锚点片段（#section），或 mailto:、tel: 等特殊协议。 |
target | 关键字 | 链接文档在哪里打开。
|
download | 文件名 | 提示用户下载链接的资源而不是导航到它。可选值设置下载文件的名称。 |
rel | 链接类型 | 指定当前文档与链接资源之间的关系。常用值：nofollow、noopener、noreferrer。 |
hreflang | 语言代码 | 提示链接资源的语言，如 en、zh-CN、ja。 |
type | MIME 类型 | 提示链接资源的 MIME 类型，如 text/html、image/png。 |
▶ 示例
编辑下方代码，在 playground 中查看实时效果：
🌐 浏览器支持
| 浏览器 |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <a> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| 所有主流浏览器均支持 | |||||
提示： 在新标签页打开链接时，务必使用
rel="noopener"（或 noreferrer），避免标签页劫持（tab-nabbing）安全风险。注意： 不要在
<a> 标签内包裹块级交互元素（如按钮）——这会造成无效嵌套和混乱的键盘导航。❓ 常见问题
Q如何在新标签页打开链接？
A使用
target="_blank"，并出于安全考虑添加 rel="noopener"：<a href="url" target="_blank" rel="noopener">Qhref 和 src 有什么区别？
A
href 指定超链接目标（用于 <a>、<link>），而 src 嵌入外部资源（用于 <img>、<script>）。Q可以在 标签里放按钮吗？
A不可以，这是无效的 HTML。交互元素不能嵌套。应该用 CSS 把
<a> 样式化成按钮外观。🏷️ 相关标签
💡 相关案例
📚 相关教程
