DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML和Xhtml >> map標簽的參數詳細介紹及使用示例
map標簽的參數詳細介紹及使用示例
編輯:HTML和Xhtml     
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>
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved