HTML 5 <a> 标签
定义和用法
<a> 标签定义超链接,它用于从一个页面连接到另一个页面。
HTML 4.01 与 HTML 5 之间的差异
在 HTML 4.01 中,<a> 标签既可以是超链接,也可以是锚。这取决于是否描述了 href 属性。
在 HTML 5 中,<a> 是超链接,但是假如没有 href 属性,它仅仅是超链接的一个占位符。
HTML 5 有一些新的属性,同时不再支持一些 HTML 4.01 的属性。
例子:
链接到 前端开发:
<a href="https://qdkfweb.cn/">前端开发</a>
在新窗口中打开 前端开发:
<a href="https://qdkfweb.cn/" target="_blank"
>前端开发</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
如需完整的描述,请访 HTML 5 中标准属性。
事件属性
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
如需完整的描述,请访 HTML 5 中事件属性。
TIY 实例
- 创建超级链接
- 本例演示如何在 HTML 文档中创建链接。
- 将图像作为链接
- 本例演示如何使用图像作为链接。
- 在新的浏览器窗口打开链接
- 本例演示如何在新窗口打开一个页面,这样的话访问者就无需离开你的站点了。
- 创建电子邮件链接
- 本例演示如何如何链接到一个邮件。(本例在安装邮件客户端程序后才能工作。)
- 创建电子邮件链接 2
- 本例演示更加复杂的邮件链接。