萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 腳本Html教程 >> map標簽的參數詳細介紹及使用示例

map標簽的參數詳細介紹及使用示例

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>

copyright © 萬盛學電腦網 all rights reserved