使用map標籤可以給指定圖片某塊區域加超連結

使用方法：

1.為map標籤首先加上一個id屬性來為map標籤定義一個唯一的名稱

2.為了保證相容性再加上name屬性，屬性值和id的值相同

注：img中的usemap屬性可引用map中的id或name屬性（由瀏覽器決定）所以需要新增id和name兩個屬性

3.為map標籤所作用的圖片加上usemap屬性，屬性值為#id(map標籤的id值或者是name值)值

4.在map標籤內巢狀一個area標籤來實現給指定區域加超連結

<areashape="rect"  coords="值，值，值，值"href="連結的頁面" target=“頁面的開啟方式”>

詳細解釋：

<map> 標籤定義客戶端的影象對映;影象對映是帶有可點選區域的影象。

<area> 標籤定義影象對映內部的區域；<area>元素始終巢狀在 <map> 標籤內部。

<area>標籤的coords屬性定義了客戶端影象對映中對滑鼠敏感的區域的座標；座標的數字及其含義取決於shape屬性中決定的區域形狀；可以將客戶端影象對映中的超連結區域定義為矩形、圓形或多邊形等。

下面列出了shape屬性的所有屬性值以及coords屬性的正確取值：

圓形：shape="circle"，coords="x,y,z"

這裡的 x 和 y 定義了圓心的位置（"0,0" 是影象左上角的座標），z 是以畫素為單位的圓形半徑。

多邊形：shape="poly"，coords="x1,y1,x2,y2,x3,y3,..."

每一對"x,y" 座標都定義了多邊形的一個頂點（"0,0" 是影象左上角的座標）。定義三角形至少需要三組座標；高緯多邊形則需要更多數量的頂點。

多邊形會自動封閉，因此在列表的結尾不需要重複第一個座標來閉合整個區域。

矩形：shape="rectangle、rect"，coords="x1,y1,x2,y2"

第一個座標是矩形的一個角的頂點座標，另一對座標是對角的頂點座標，"0,0" 是影象左上角的座標。請注意，定義矩形實際上是定義帶有四個頂點的多邊形的一種簡化方法。

提示和註釋

註釋：如果某個 area 標籤中的座標和其他區域發生了重疊，會優先採用最先出現的 area 標籤;瀏覽器會忽略超過影象邊界範圍之外的座標。

在Dreamweaver中，開啟頁面的的設計 模式 ，選中圖片後點擊 ctrl+F3 下部即可出現熱點的編輯模式

注：一般來說所切塊的圖片應小於300k