HTML 5 <area> 標(biāo)簽
定義和用法
<area> 標(biāo)簽定義圖像映射中的區(qū)域。
HTML 4.01 與 HTML 5 之間的差異
HTML 5 有一些新的屬性，且不再支持 HTML 4.01 的一些屬性。
例子：
<img src ="planets.gif" alt="Planets" usemap ="#planetmap" /> <map id ="planetmap"> <area shape ="rect" coords ="0,0,82,126" href ="sun.htm" alt="Sun" /> <area shape ="circle" coords ="90,58,3" href ="mercur.htm" alt="Mercury" /> <area shape ="circle" coords ="124,58,8" href ="venus.htm" alt="Venus" /> </map>
屬性
| 屬性 | 描述 | 4 | 5 |
|---|---|---|---|
| alt |
定義此區(qū)域的替換文本。如果 href 存在，則該屬性是必需的。 僅在 href 屬性存在時(shí)使用。 |
4 | 5 |
| coords | 定義可點(diǎn)擊區(qū)域的坐標(biāo)。 | 4 | 5 |
| href | 定義此區(qū)域的目標(biāo) URL。 | 4 | 5 |
| hreflang | 規(guī)定目標(biāo) URL 的基準(zhǔn)語(yǔ)言。僅在 href 屬性存在時(shí)使用。 | 4 | 5 |
| nohref | 不贊成。從圖像映射排除一個(gè)區(qū)域。 | 4 | ? |
| media | 規(guī)定目標(biāo) URL 的媒介類(lèi)型。默認(rèn)值：all。僅在 href 屬性存在時(shí)使用。 | ? | 5 |
| ping |
由空格分隔的 URL 列表，當(dāng)用戶(hù)點(diǎn)擊該鏈接時(shí)，這些 URL 會(huì)獲得通知。 僅在 href 屬性存在時(shí)使用。 |
? | 5 |
| rel | 規(guī)定當(dāng)前文檔與目標(biāo) URL 之間的關(guān)系。僅在 href 屬性存在時(shí)使用。 | ? | 5 |
| shape | 規(guī)定區(qū)域的形狀。 | 4 | 5 |
| target | 在何處打開(kāi)目標(biāo) URL。 | 4 | 5 |
| type | 規(guī)定目標(biāo) URL 的 MIME 類(lèi)型。僅在 href 屬性存在時(shí)使用。 | ? | 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
- 創(chuàng)建圖像映射
- 本例顯示如何創(chuàng)建帶有可供點(diǎn)擊區(qū)域的圖像映射。其中的每個(gè)區(qū)域都是一個(gè)超級(jí)鏈接。