HTML <a> 标签
下面有更多实例。
定义和用法
<a> 标签定义超链接，用于从一张页面链接到另一张页面。
<a> 元素最重要的属性是 href 属性，它指示链接的目标。
在所有浏览器中，链接的默认外观是:
- 未被访问的链接带有下划线而且是蓝色的
- 已被访问的链接带有下划线而且是紫色的
- 活动链接带有下划线而且是红色的
提示: 您可能已经注意到了，W3Schools 站点内的链接外观与默认的链接外观非常不同。您可以使用 CSS 伪类 向文本超链接添加复杂而多样的样式。
提示和注释
提示: 如果 <a>标记没有 href 属性，则它只是超链接的占位符。
提示: 被链接页面通常显示在当前浏览器窗口中，除非您规定了另一个目标（target 属性）。
提示: 请使用 CSS 来设置链接的样式: CSS 链接 和 CSS 按钮。
浏览器支持
| 元素 | |||||
|---|---|---|---|---|---|
| <a> | Yes | Yes | Yes | Yes | Yes |
属性
| 属性 | 值 | 描述 |
|---|---|---|
| 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 unsafe-url |
表明在获取 URL 时发送哪个提交者（referrer） |
| rel | alternate author bookmark external help license next nofollow noreferrer noopener prev search tag |
规定当前文档与被链接文档之间的关系。 |
| target | _blank _parent _self _top |
规定在何处打开链接文档。 |
| type | media_type | 规定被链接文档的的 MIME 类型。 |
全局属性
<a> 标签支持 HTML 中的全局属性。
事件属性
<a> 标签支持 HTML 中的事件属性。
更多实例
实例
将图像作为链接:
<a href="https://www.w3ccoo.com">
<img border="0" alt="W3Schools"
src="logo_w3s.gif" width="100" height="100">
</a>
亲自试一试 »
相关页面
HTML 教程: HTML 链接
HTML DOM 参考手册: Anchor 对象
CSS 教程: 样式链接
默认CSS设置
大多数浏览器将使用以下默认值显示 <a> 元素:
a:link, a:visited {
color: (internal value);
text-decoration: underline;
cursor: auto;
}
a:link:active, a:visited:active {
color: (internal value);
}
