例子:
<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>
關於例子的解釋:
area 元素永遠嵌套在 map 元素內部。area 元素可定義圖像映射中的區域。
<img>中的 usemap 屬性可引用 <map> 中的 id 或 name 屬性(取決於瀏覽器),所以應同時向 <map> 添加 id 和 name 屬性。
x1,y1,x2,y2
如果 shape 屬性設置為 "rect",則該值規定矩形左上角和右下角的坐標。
x,y,radius
如果 shape 屬性設置為 "circ",則該值規定圓心的坐標和半徑。
x1,y1,x2,y2,..,xn,yn
如果 shape 屬性設置為 "poly",則該值規定多邊形各邊的坐標。如果第壹個坐標和最後壹個坐標不壹致,那麽為了關閉多邊形,瀏覽器必須添加最後壹對坐標。