最新的Web開發教程
 

HTML <map> Tag


圖像映射,可點擊方面:

<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屬性<map>元素與相關<img>'s usemap屬性,並創建圖像和地圖之間的關係。

<map>元素包含了許多<area>元素,定義在圖像地圖中的可點擊區域。


瀏覽器支持

元件
<map>

HTML 4.01和HTML5之間的差異

注意:在HTML5中,如果id的屬性<map>還指定標記時,它必須具有相同的值作為name屬性。


HTML和XHTML之間的差異

在XHTML中, name屬性已過時,將被刪除。 使用全球id屬性代替。


屬性

屬性 描述
name mapname 需要。 指定的圖像映射的名稱

全局屬性

<map>標籤支持全局的HTML屬性


事件屬性

<map>標籤支持的HTML事件屬性


相關頁面

HTML DOM參考: 地圖對象


默認設置CSS

大多數瀏覽器會顯示<map>元素與以下默認值:

map {
    display: inline;
}