HTML <img> usemap 屬性
實(shí)例
一個(gè)帶有可點(diǎn)擊區(qū)域的圖像映射:
<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 屬性將圖像定義為客戶(hù)端圖像映射(圖像映射指的是帶有可點(diǎn)擊區(qū)域的圖像)。
usemap 屬性與 <map> 元素的 name 或 id 屬性相關(guān)聯(lián),以建立 <img> 與 <map> 之間的關(guān)系。
注意:只有當(dāng) <img> 元素不屬于 <a> 或 <button> 元素的后代時(shí),才允許使用 usemap 屬性。
HTML 4.01 與 HTML5之間的差異
無(wú)。
語(yǔ)法
<img usemap="#mapname">
屬性值
值 | 描述 |
---|---|
#mapname | 一個(gè) hash 字符 ("#") 加上要使用的 <map> 元素的 name 或 id。 |
HTML <img> 標(biāo)簽
更多建議: