W3C HTML 网页标准教程

HTML <a> 标签

定义和用法

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

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

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

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

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

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

实例

指向 W3C HTML  的超链接:

<a href=http://www.w3chtml.com>W3C HTML</a>

术语解释

什么是超文本?

超文本(Hypertext)是用超链接的方法,将各种不同空间的文字信息组织在一起的网状文本。超文本更是一种用户介面范式,用以显示文本及与文本之间相关的内容。现时超文本普遍以电子文档方式存在,其中的文字包含有可以链结到其他位置或者文档的连结,允许从当前阅读位置直接切换到超文本连结所指向的位置。超文本的格式有很多,目前最常使用的是超文本标记语言(Hyper Text Markup Language,HTML)及富文本格式 (Rich Text Format,RTF)。

HTML 与 XHTML 之间的差异

    1、所有的标记都必须要有一个相应的结束标记。
    2、所有标签的元素和属性的名字都必须使用小写。
    3、所有的XML标记都必须合理嵌套。
    4、所有的属性必须用引号""括起来。
    5、把所有<和&特殊符号用编码表示 。
    6、给所有属性赋一个值。
    7、不要在注释内容中使“--”。
    8、图片必须有说明文字。
  XHTML 指扩展超文本标签语言(EXtensible HyperText Markup Language)。XHTML 的目标是取代 HTML。XHTML 是更严格更纯净的 HTML 版本。XHTML 是作为一种 XML 应用被重新定义的 HTML。 XHTML 是一个 W3C 标准。

提示和注释:

注释:被链接的页面通常被显示在当前的浏览器窗口中,除非您规定了其他的 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

实例

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