usemap屬性將圖像指定為客戶端圖像圖(圖像圖是具有可點擊區(qū)域的圖像),usemap屬性與 <map>?元素的name屬性相關(guān)聯(lián),并在 <img>和 <map>之間創(chuàng)建關(guān)系.
具有可點擊區(qū)域的圖像地圖:
<!DOCTYPE html> <html> <head> <title>HTML:<img> usemap 屬性 - 菜鳥教程 (cainiaoplus.com)</title> <body> <img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap"> <map name="planetmap"> <area shape="rect" coords="0,0,82,126" alt="Sun" href="sun.html"> <area shape="circle" coords="90,58,3" alt="Mercury" href="mercur.html"> <area shape="circle" coords="124,58,8" alt="Venus" href="venus.html"> </map> </body> </html>測試看看 ?/?
IEFirefoxOperaChromeSafari
所有主流瀏覽器都支持 usemap 屬性。
usemap屬性將圖像指定為客戶端圖像圖(圖像圖是具有可點擊區(qū)域的圖像)。
usemap屬性與<map>元素的name屬性相關(guān)聯(lián),并在<img>和<map>之間創(chuàng)建關(guān)系。
注意:如果<img>元素是<a>或<button>元素的后代,則不能使用usemap屬性。
沒有。
<img usemap="#mapname">
值 | 描述 |
---|---|
#mapname | 一個 hash 字符 ("#") 加上要使用的 <map> 元素的 name 或 id。 |