HTML5 <a> 标签

定义和用法

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

HTML 4.01 与 HTML5 之间的差异

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

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

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

例子:

链接到 html5中文网:

<a href="http://www.html5china.com">html5中文网</a>

在新窗口中打开 html5中文网:

<a href="http://www.html5china.com" target="_blank">html5中文网</a>

属性

属性 描述 4 5
charset 不赞成。规定目标 URL 的字符编码。 4  
coords 不赞成。规定适于 shape 属性的坐标,为图像映射定义图像的区域。 4  
href 链接的目标 URL。 4 5
hreflang 规定目标 URL 的基准语言。仅在 href 属性存在时使用。 4 5
media 规定目标 URL 的媒介类型。默认值:all。仅在 href 属性存在时使用。   5
name 不赞成。命名一个锚。不支持。使用 id 代替。 4  
ping

由空格分隔的 URL 列表,当用户点击该链接时,这些 URL 会获得通知。

仅在 href 属性存在时使用。

  5
rel 规定当前文档与目标 URL 之间的关系。仅在 href 属性存在时使用。 4 5
rev 不赞成。规定目标 URL 与当前文档之间的关系。 4  
shape 不赞成。为当前 area 标签中的映射定义的地区类型。与 coords 属性一起使用。 4  
target 在何处打开目标 URL。仅在 href 属性存在时使用。 4 5
type 规定目标 URL 的 MIME 类型。仅在 href 属性存在时使用。 4 5

标准属性

class, contenteditable, contextmenu, dir, draggable, id, 
irrelevant, lang, ref, registrationmark, tabindex, template, title

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

事件属性

onabort, onbeforeunload, onblur, onchange, onclick, oncontextmenu, 
ondblclick, ondrag, ondragend, ondragenter, ondragleave, ondragover, 
ondragstart, ondrop, onerror, onfocus, onkeydown, onkeypress, onkeyup, 
onload, onmessage, onmousedown, onmousemove, onmouseover, onmouseout, 
onmouseup, onmousewheel, onresize, onscroll, onselect, onsubmit, onunload

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

TIY 实例

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

Copyright © 2009-2010 Web前端开发-Web前端工程师 | Web前端学习之路 版权所有