HTML <a> 标签

定义和用法

<a> 标签可定义锚。锚 (anchor) 有两种用法:

  • 通过使用 href 属性,创建指向另外一个文档的链接(或超链接)
  • 通过使用 name 或 id 属性,创建一个文档内部的书签(也就是说,可以创建指向文档片段的链接)

<a> 元素最重要的属性是 href 属性,它指定链接的目标。

在所有浏览器中,链接的默认外观是:

  • 未被访问的链接带有下划线而且是蓝色的
  • 已被访问的链接带有下划线而且是紫色的
  • 活动链接带有下划线而且是红色的

提示:您可能已经注意到了,W3School 站点内的链接外观与默认的链接外观非常不同。您可以使用 CSS 伪类 向文本超链接添加复杂而多样的样式。

实例

指向 w3school 的超链接:

<a href="http://api.chiefleo.com/w3school">W3School</a>

亲自试一试

术语解释

什么是超文本?

HTML 与 XHTML 之间的差异

NONE

提示和注释:

注释:被链接的页面通常被显示在当前的浏览器窗口中,除非您规定了其他的 target 属性。

可选的属性

DTD 指示此属性允许在哪种 DTD 中使用。S=Strict, T=Transitional, F=Frameset.

属性 描述 DTD
charset 字符集名称 规定目标 URL 的字符编码。 STF
coords 坐标 规定链接的坐标。 STF
href URL 链接的目标 URL。 STF
hreflang ISO 语言代码 规定目标 URL 的基准语言。 STF
name section_name 规定锚的名称。 STF
rel text 规定当前文档与目标 URL 之间的关系。 STF
rev text 规定目标 URL 与当前文档之间的关系。 STF
shape
  • default
  • rect
  • circle
  • poly
规定链接的形状。 STF
target
  • _blank
  • _parent
  • _self
  • _top
  • framename
在何处打开目标 URL。 TF
type MIME 编码类型 规定目标 URL 的 MIME 类型。 STF

coords 属性和 shape 属性

当前流行的浏览器已经不再支持这两种属性了,与 <area> 标签中的同名属性类似,coords 和 shape 属性会为 <a> 标签定义一个影响区域。

只有在 <a> 标签是 <map> 标签的一部分时,才可以在 <a> 标签中使用这两种属性。

参阅

标准属性

id, class, title, style, dir, lang, xml:lang, tabindex, accesskey

如需完整的描述,请访问标准属性

事件属性

onfocus, onblur, onclick, ondblclick, onmousedown, onmouseup, 
onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup 

如需完整的描述,请访问事件属性

TIY 实例

创建超级链接
本例演示如何在 HTML 文档中创建链接。
将图像作为链接
本例演示如何使用图像作为链接。
链接到同一个页面的不同位置
本例演示如何使用链接跳转至文档的另一个部分
在新的浏览器窗口打开链接
本例演示如何在新窗口打开一个页面,这样的话访问者就无需离开你的站点了。
跳出框架
本例演示如何跳出框架,假如你的页面被固定在框架之内。
创建电子邮件链接
本例演示如何如何链接到一个邮件。(本例在安装邮件客户端程序后才能工作。)
创建电子邮件链接 2
本例演示更加复杂的邮件链接。