HTML <a> 标签
更多“自己尝试”的例子见下文。
定义和用法
<a> 标签定义一个超链接，用于从一个页面链接到另一个页面。
<a> 元素最重要的属性是 href 属性，它指定了链接的**目的地**。
默认情况下，链接在所有浏览器中会显示如下：
- 未访问过的链接显示为蓝色下划线
- 已访问过的链接显示为紫色下划线
- 活动的链接显示为红色下划线
提示和注释
提示：如果 <a> 标签没有 href 属性，它仅作为一个超链接的占位符。
提示：链接的页面通常在当前的浏览器窗口中显示，除非您指定了其他目标。
提示：使用 CSS 来设置链接样式：CSS 链接和CSS 按钮。
浏览器支持
| 元素 | |||||
|---|---|---|---|---|---|
| <a> | 是 | 是 | 是 | 是 | 是 |
属性
| Attribute | 值 | 描述 |
|---|---|---|
| download | filename | 指定用户点击超链接时将下载目标 |
| href | URL | 指定链接指向页面的 URL |
| hreflang | language_code | 指定链接文档的语言 |
| media | media_query | 指定链接文档为哪个媒体/设备进行了优化 |
| ping | list_of_URLs | 指定一个以空格分隔的 URL 列表，当链接被点击时，浏览器会（在后台）向这些 URL 发送带有 `ping` 主体的 POST 请求。通常用于跟踪。 |
| referrerpolicy | no-referrer no-referrer-when-downgrade origin origin-when-cross-origin same-origin strict-origin-when-cross-origin unsafe-url |
指定在链接中发送的引用信息 |
| rel | alternate author 书签 external 帮助 license next nofollow noreferrer noopener prev search tag |
指定当前文档与链接文档之间的关系 |
| target | _blank _parent _self _top |
指定在哪里打开链接的文档 |
| type | media_type | 指定链接文档的媒体类型 |
全局属性
<a> 标签也支持HTML 中的全局属性。
事件属性
<a> 标签也支持HTML 中的事件属性。
更多示例
示例
如何使用图像作为链接
<a href="https://w3schools.org.cn">
<img border="0" alt="W3Schools" src="logo_w3s.gif" width="100" height="100">
</a>
自己动手试一试 »
示例
如何在新浏览器窗口中打开链接
<a href="https://w3schools.org.cn" target="_blank">访问 W3Schools.com！</a>
自己动手试一试 »
相关页面
HTML 教程：HTML 链接
HTML DOM 参考：Anchor 对象
CSS 教程：样式化链接
默认 CSS 设置
大多数浏览器将使用以下默认值显示 <a> 元素：
a:link, a:visited {
color: (内部值);
text-decoration: underline;
cursor: auto;
}
a:link:active, a:visited:active {
color: (内部值);
}
