編程教程HTML img usemap 屬性
HTML <img>usemap屬性
HTML <img> 標簽
實例
一個帶有可點擊區域的圖像映射：
<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>
瀏覽器支持
所有主流瀏覽器都支持 usemap 屬性。
定義和用法
usemap 屬性將圖像定義為客戶端圖像映射（圖像映射指的是帶有可點擊區域的圖像）。
usemap 屬性與 <map> 元素的 name 或 id 屬性相關聯，以建立 <img> 與 <map> 之間的關系。
注意：只有當 <img> 元素不屬于 <a> 或 <button> 元素的后代時，才允許使用 usemap 屬性。
HTML 4.01 與 HTML5之間的差異
無。
語法
<img usemap="#mapname">
屬性值
| 值 | 描述 |
|---|---|
| #mapname | 一個 hash 字符 ("#") 加上要使用的 <map> 元素的 name 或 id。 |
HTML <img> 標簽