map標簽定義一個客戶端圖像映射。圖像映射(image-map)指帶有可點擊區域的一幅圖像,下面為大家介紹下map標簽的使用,感興趣的朋友可以了解下
map標簽必須成對出現,即
<map> ....</map>
同時map必須和area配合使用。
img標簽裡的usermap屬性值必須與map標簽裡的id和name值完全一致
area標簽:定義圖片的點擊區域 area 是單標簽,不成對。
屬性:
accesskey 快捷鍵
alt 圖片提示文字
coords 定義和點擊區域的圖形的坐標
href 鏈接地址
nohref 圖像點擊可排除的區域,當不是有href時,需要使用nohref
shape 可點擊區域的形狀
tabindex tab鍵遍歷
target 鏈接目標
代碼實例:
<img src="images/logo.gif" usermap="#map"/>
<map id="map" name="map">
<area shape="rect" coords="a,b,c,d" target="_blank" href=""/>
<!-- a,b,c,d分別是矩形的左上角和右下角的坐標值 !>
<area shape="circle" coords="a,b" target="_blank" href="" />
<!-- a,b分別是圓形的圓心的坐標值 !>
<area shape="poly" coords="a,b..." target="_blank" href="" />
<!-- a,b分別是多邊形的各個定點的坐標值 !>
</map>