HTML 5 <a> 標(biāo)簽
定義和用法
<a> 標(biāo)簽定義超鏈接，它用于從一個(gè)頁面連接到另一個(gè)頁面。
HTML 4.01 與 HTML 5 之間的差異
在 HTML 4.01 中，<a> 標(biāo)簽既可以是超鏈接，也可以是錨。這取決于是否描述了 href 屬性。
在 HTML 5 中，<a> 是超鏈接，但是假如沒有 href 屬性，它僅僅是超鏈接的一個(gè)占位符。
HTML 5 有一些新的屬性，同時(shí)不再支持一些 HTML 4.01 的屬性。
例子：
鏈接到 w3school：
<a >W3School</a>
在新窗口中打開 w3school：
<a target="_blank">W3School</a>
屬性
| 屬性 | 描述 | 4 | 5 |
|---|---|---|---|
| charset | 不贊成。規(guī)定目標(biāo) URL 的字符編碼。 | 4 | ? |
| coords | 不贊成。規(guī)定適于 shape 屬性的坐標(biāo)，為圖像映射定義圖像的區(qū)域。 | 4 | ? |
| href | 鏈接的目標(biāo) URL。 | 4 | 5 |
| hreflang | 規(guī)定目標(biāo) URL 的基準(zhǔn)語言。僅在 href 屬性存在時(shí)使用。 | 4 | 5 |
| media | 規(guī)定目標(biāo) URL 的媒介類型。默認(rèn)值：all。僅在 href 屬性存在時(shí)使用。 | ? | 5 |
| name | 不贊成。命名一個(gè)錨。不支持。使用 id 代替。 | 4 | ? |
| ping |
由空格分隔的 URL 列表，當(dāng)用戶點(diǎn)擊該鏈接時(shí)，這些 URL 會(huì)獲得通知。 僅在 href 屬性存在時(shí)使用。 |
? | 5 |
| rel | 規(guī)定當(dāng)前文檔與目標(biāo) URL 之間的關(guān)系。僅在 href 屬性存在時(shí)使用。 | 4 | 5 |
| rev | 不贊成。規(guī)定目標(biāo) URL 與當(dāng)前文檔之間的關(guān)系。 | 4 | ? |
| shape | 不贊成。為當(dāng)前 area 標(biāo)簽中的映射定義的地區(qū)類型。與 coords 屬性一起使用。 | 4 | ? |
| target | 在何處打開目標(biāo) URL。僅在 href 屬性存在時(shí)使用。 | 4 | 5 |
| type | 規(guī)定目標(biāo) URL 的 MIME 類型。僅在 href 屬性存在時(shí)使用。 | 4 | 5 |
標(biāo)準(zhǔn)屬性
class, contenteditable, contextmenu, dir, draggable, id, irrelevant, lang, ref, registrationmark, tabindex, template, title
如需完整的描述，請(qǐng)?jiān)L HTML 5 中標(biāo)準(zhǔn)屬性。
事件屬性
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
如需完整的描述，請(qǐng)?jiān)L HTML 5 中事件屬性。
TIY 實(shí)例
- 創(chuàng)建超級(jí)鏈接
- 本例演示如何在 HTML 文檔中創(chuàng)建鏈接。
- 將圖像作為鏈接
- 本例演示如何使用圖像作為鏈接。
- 在新的瀏覽器窗口打開鏈接
- 本例演示如何在新窗口打開一個(gè)頁面，這樣的話訪問者就無需離開你的站點(diǎn)了。
- 創(chuàng)建電子郵件鏈接
- 本例演示如何如何鏈接到一個(gè)郵件。（本例在安裝郵件客戶端程序后才能工作。）
- 創(chuàng)建電子郵件鏈接 2
- 本例演示更加復(fù)雜的郵件鏈接。