HTML5 <map> 標簽

實例

<img src="planets.gif"width="145" height="126"alt="Planets"usemap="#planetmap">

<mapname="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>

瀏覽器支持

目前大多數(shù)瀏覽器支持 <map>標簽。

標簽定義及使用說明

<map> 標簽用于客戶端圖像映射。圖像映射指帶有可點擊區(qū)域的一幅圖像。

<img>中的 usemap 屬性可引用 <map> 中的 id 或 name 屬性（取決于瀏覽器），所以我們應同時向 <map> 添加 id 和 name 屬性。

area 元素永遠嵌套在 map 元素內(nèi)部。area 元素可定義圖像映射中的區(qū)域。

HTML 4.01 與 HTML5之間的差異

注意: 在 HTML5 中, 如果 id 屬性在<map> 標簽中指定, 則你必須同樣指定 name 屬性。

HTML 與 XHTML 之間的差異

在 XHTML 中，name 屬性已經(jīng)廢棄，使用 id 屬性替換它。

屬性

全局屬性

<map> 標簽支持全局屬性，查看完整屬性表 HTML全局屬性。

事件屬性

<map> 標簽支持所有 HTML事件屬性。