轻松上手,快乐学习!

HTML <a> 标签


 

实例

指向 btschools 的超链接:
<a href="https://www.begtut.com">访问 begtut.com!</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>
亲自试一试 »

实例

在新的浏览器窗口打开链接:
<a href="https://www.begtut.com" target="_blank">访问 BEGTUT.com!</a>
亲自试一试 »

实例

创建电子邮件链接:
<a href="mailto:someone@example.com">发送邮件</a>
亲自试一试 »

实例

如何链接到电话号码:
<a href="tel:+4733378901">+47 333 78 901</a>
亲自试一试 »

实例

链接到同一个页面的不同位置:
<a href="#section2">转到第 2 节</a>
亲自试一试 »

实例

如何链接到 JavaScript:
<a href="javascript:alert('Hello World!');">执行 JavaScript</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); }