HTML <a> 标签
以下有更多 "自己尝试" 示例。
定义和用法
The <a> 标签定义一个超链接，用于从一个页面链接到另一个页面。
<a> 元素最重要的属性是 href 属性，它指示链接的目标。
默认情况下，链接在所有浏览器中的外观如下
- 未访问的链接是带下划线的蓝色
- 已访问的链接是带下划线的紫色
- 活动的链接是带下划线的红色
提示和说明
提示： 如果 <a> 标签没有 href 属性，它只是一个超链接的占位符。
提示： 链接页面通常显示在当前浏览器窗口中，除非您指定了另一个目标。
提示： 使用 CSS 来设置链接样式：CSS 链接 和 CSS 按钮.
浏览器支持
| 元素 | |||||
|---|---|---|---|---|---|
| <a> | 是 | 是 | 是 | 是 | 是 |
属性
| 属性 | 值 | 描述 |
|---|---|---|
| download | filename | 指定当用户点击超链接时将下载目标 |
| href | URL | 指定链接指向的页面的 URL |
| hreflang | language_code | 指定链接文档的语言 |
| media | media_query | 指定链接文档针对的媒体/设备 |
| ping | list_of_URLs | 指定一个以空格分隔的 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 bookmark external help 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>
自己尝试 »
相关页面
HTML 教程: HTML 链接
HTML DOM 参考: 锚点对象
CSS 教程: 链接样式
默认 CSS 设置
大多数浏览器将使用以下默认值显示 <a> 元素
a:link, a:visited {
color: (内部值);
text-decoration: underline;
cursor: auto;
}
a:link:active, a:visited:active {
color: (内部值);
}
