HTML img usemap 屬性

2018-11-12 18:07 更新

HTML <img> usemap 屬性

HTML img 標(biāo)簽參考手冊(cè) HTML <img> 標(biāo)簽

實(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>

嘗試一下 ?

瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主流瀏覽器都支持 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)簽參考手冊(cè) HTML <img> 標(biāo)簽
以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)