需要在一張圖片中，設置一個區域為熱點就用到了<map>
定義一個客戶端圖像映射。圖像映射（image-map）指帶有可點擊區域的一幅圖像。
<img src="planets.jpg" border="0" usemap="#planetmap" alt="Planets" border="0" /> <map name="planetmap" id="planetmap"> <area shape="circle" coords="180,139,14" href ="venus.html" style="cursor: pointer" alt="Venus" />
<area shape="circle" coords="129,161,10" href ="mercur.html" alt="Mercury" />
<area shape="rect" coords="0,0,110,260" href ="sun.html" alt="Sun" />
</map>
所有主流瀏覽器都支持 <map> 標簽。
提示和注釋：
注釋：area 元素永遠嵌套在 map 元素內部。area 元素可定義圖像映射中的區域。
注釋：<img>中的 usemap 屬性可引用 <map> 中的 id 或 name 屬性（取決於瀏覽器），所以我們應同時向 <map> 添加 id 和 name 屬性。
語法
<a coords="value">
屬性值
| 值 | 描述 |
|---|---|
| x1,y1,x2,y2 | 如果 shape 屬性設置為 "rect"，則該值規定矩形左上角和右下角的坐標。 |
| x,y,radius | 如果 shape 屬性設置為 "circ"，則該值規定圓心的坐標和半徑。 |
| x1,y1,x2,y2,..,xn,yn | 如果 shape 屬性設置為 "poly"，則該值規定多邊形各邊的坐標。如果第一個坐標和最后一個坐標不一致，那么為了關閉多邊形，瀏覽器必須添加最后一對坐標。 |