HTML 5 <area> 標簽
定義和用法
<area> 標簽定義圖像映射中的區(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 屬性存在時使用。 |
4 | 5 |
| coords | 定義可點擊區(qū)域的坐標。 | 4 | 5 |
| href | 定義此區(qū)域的目標 URL。 | 4 | 5 |
| hreflang | 規(guī)定目標 URL 的基準語言。僅在 href 屬性存在時使用。 | 4 | 5 |
| nohref | 不贊成。從圖像映射排除一個區(qū)域。 | 4 | ? |
| media | 規(guī)定目標 URL 的媒介類型。默認值：all。僅在 href 屬性存在時使用。 | ? | 5 |
| ping |
由空格分隔的 URL 列表，當用戶點擊該鏈接時，這些 URL 會獲得通知。 僅在 href 屬性存在時使用。 |
? | 5 |
| rel | 規(guī)定當前文檔與目標 URL 之間的關(guān)系。僅在 href 屬性存在時使用。 | ? | 5 |
| shape | 規(guī)定區(qū)域的形狀。 | 4 | 5 |
| target | 在何處打開目標 URL。 | 4 | 5 |
| type | 規(guī)定目標 URL 的 MIME 類型。僅在 href 屬性存在時使用。 | ? | 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
- 創(chuàng)建圖像映射
- 本例顯示如何創(chuàng)建帶有可供點擊區(qū)域的圖像映射。其中的每個區(qū)域都是一個超級鏈接。