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事件屬性 。