html文法之--使用影像地圖

標籤：

1 什麼是影像地圖
所謂影像地圖是指在一幅圖中定義若干個地區，每個地區中指定一個不同的超連結，當單擊不同的地區時便可以跳轉到相應的目標頁面。
2 建立影像地圖
2.1 定義映射地區
定義映射地區使用MAP標記符，在<MAP>和</MAP>之間添加映射地區。添加映射地區使 用AREA標記符。該標記符具有三個基本屬性：
href 標識出目標的URL
shape 說明映射地區的形狀。取值可是：
　　rect 矩形
　　circle 圓形
　　poly 多邊形
　　default 整個映像地區 coords 用於標識映射地區的邊界。
2.2 對映射地區進行引用
標記了映射地區之後，就可以通過在IMG標記符中使用usermap屬性來引用相應的映射資訊。
一個完整的影像地圖文法如下：
<map name="mymap">
<area href=URL1 shape=rect coords="x1,y1,x2,y2">
<area href=URL2 shape=circle coords="x,y,r">
<area href=URL3 shape=poly coords="x1,y1,x2,y2,...,xn,yn">
</map>
<img src=image_URL usemap=#mymap>//注意名字前面有一個#號。
注意：map標記符中，name屬性的取值必須與img標記符中，usemap屬性的取值相同，只是usemap屬性的值前面多了一個# 。

html文法之--使用影像地圖