HTML <a> 标签
下面有更多实例。
定义和用法
<a>
标签定义超链接,用于从一张页面链接到另一张页面。
<a>
元素最重要的属性是 href 属性,它指示链接的目标。
在所有浏览器中,链接的默认外观是:
- 未被访问的链接带有下划线而且是蓝色的
- 已被访问的链接带有下划线而且是紫色的
- 活动链接带有下划线而且是红色的
提示: 您可能已经注意到了,BEGTUT 站点内的链接外观与默认的链接外观非常不同。您可以使用 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.begtut.com">
<img border="0" alt="BEGTUT"
src="logo_bts.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);
}