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 文档中创建链接。
将图像作为链接
本例演示如何使用图像作为链接。
链接到同一个页面的不同位置
本例演示如何使用链接跳转至文档的另一个部分
在新的浏览器窗口打开链接
本例演示如何在新窗口打开一个页面,这样的话访问者就无需离开你的站点了。
跳出框架
本例演示如何跳出框架,假如你的页面被固定在框架之内。
创建电子邮件链接
本例演示如何如何链接到一个邮件。(本例在安装邮件客户端程序后才能工作。)
收藏文章
表情删除后不可恢复,是否删除
取消
确定
图片正在上传,请稍后...
评论内容为空!
按钮 内容不能为空!
立刻说两句吧! 查看11条评论