HTML <map> 標籤
實例
帶有可點擊區域的圖像映射:
<img src="planets.gif"
width="145" height="126"
alt="Planets"
usemap="#planetmap">
<map name="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>
<map name="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>
流覽器支持
目前大多數流覽器支持 <map>標籤。
標籤定義及使用說明
<map> 標籤用於客戶端圖像映射。圖像映射指帶有可點擊區域的一幅圖像。
<img>中的 usemap 屬性可引用 <map> 中的 id 或 name 屬性(取決於流覽器),所以我們應同時向 <map> 添加 id 和 name 屬性。
area 元素永遠嵌套在 map 元素內部。area 元素可定義圖像映射中的區域。
HTML 4.01 與 HTML5之間的差異
注意: 在 HTML5 中, 如果 id 屬性在<map> 標籤中指定, 則你必須同樣指定 name 屬性。
HTML 與 XHTML 之間的差異
在 XHTML 中,name 屬性已經廢棄,使用 id 屬性替換它。
屬性
屬性 | 值 | 描述 |
---|---|---|
name | mapname | 必需。為 image-map 規定的名稱。 |
全局屬性
<map> 標籤支持全局屬性,查看完整屬性表 HTML全局屬性。
事件屬性
<map> 標籤支持所有 HTML事件屬性。