<地圖>
HTML <map> 標籤
#實例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <p>点击太阳或其他行星,注意变化:</p> <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.htm"> <area shape="circle" coords="90,58,3" alt="Mercury" href="mercur.htm"> <area shape="circle" coords="124,58,8" alt="Venus" href="venus.htm"> </map> </body> </html>
執行實例»
點擊"運行實例" 按鈕查看線上實例
瀏覽器支援
#目前大多數瀏覽器支援< 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事件屬性。