HTML 5 <a> 标签

定义和用法

<a> 标签定义超链接,用于从一个页面链接到另一个页面。

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

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

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

实例

链接到 w3school:

<a href="http://www.w3school.com.cn">W3School</a>

亲自试一试

HTML 4.01 与 HTML 5 之间的差异

在 HTML 4.01 中,<a> 标签既可以是超链接,也可以是锚。这取决于是否描述了 href 属性。

在 HTML 5 中,<a> 是超链接,但是假如没有 href 属性,它仅仅是超链接的一个占位符。

HTML 5 有一些新的属性,同时不再支持一些 HTML 4.01 的属性。

提示和注释

提示:如果没有使用 href 属性,则不能使用 hreflang, media, ping, rel, target 以及 type 属性。

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

提示:请使用 CSS 来改变链接的样式。

属性

属性 描述
charset char_encoding HTML 5 中不支持。
coords coordinates HTML 5 中不支持。
href URL 链接的目标 URL。
hreflang language_code 规定目标 URL 的基准语言。仅在 href 属性存在时使用。
media media query

规定目标 URL 的媒介类型。

默认值:all。仅在 href 属性存在时使用。

name section_name HTML 5 中不支持。
ping URL

由空格分隔的 URL 列表。

当用户点击该链接时,这些 URL 会获得通知。

仅在 href 属性存在时使用。

rel
  • alternate
  • archives
  • author
  • bookmark
  • contact
  • external
  • first
  • help
  • icon
  • index
  • last
  • license
  • next
  • nofollow
  • noreferrer
  • pingback
  • prefetch
  • prev
  • search
  • stylesheet
  • sidebar
  • tag
  • up

规定当前文档与目标 URL 之间的关系。

仅在 href 属性存在时使用。

rev text HTML 5 中不支持。
shape
  • default
  • rect
  • circle
  • poly
HTML 5 中不支持。
target
  • _blank
  • _parent
  • _self
  • _top
在何处打开目标 URL。仅在 href 属性存在时使用。
type mime_type

规定目标 URL 的 MIME 类型。仅在 href 属性存在时使用。

注:MIME = Multipurpose Internet Mail Extensions。

标准属性

<a> 标签支持 HTML 5 中的标准属性

事件属性

<a> 标签支持 HTML 5 中的事件属性