例
圖像映射,可點擊方面:
<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;
}