<地圖>


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>

執行實例»

點擊"運行實例" 按鈕查看線上實例


瀏覽器支援

1000.png

#目前大多數瀏覽器支援< 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 屬性取代它。


屬性

屬性#值描述
namemapname必要。為 image-map 規定的名稱。


全域屬性

<map> 標籤支援全域屬性,查看完整屬性表 HTML全域屬性。


事件屬性

<map> 標籤支援所有 HTML事件屬性。


#