定義和用法

shape 屬性與 coords 屬性配合，可以規(guī)定區(qū)域的尺寸、形狀和位置。

詳細解釋：

shape 屬性用于定義圖像映射中對鼠標敏感的區(qū)域的形狀：

• 圓形（circ 或 circle）
• 多邊形（poly 或 polygon）
• 矩形（rect 或 rectangle）

shape 屬性的值會影響瀏覽器對 coords 屬性的解釋。如果未使用 shape 屬性，那么會假設使用值 default。依照標準，default 意味著該區(qū)域覆蓋整個圖像。在實際中，瀏覽器默認使用矩形區(qū)域，并期望能找到 4 個 coords 值。如果沒有指定形狀，而且在標簽中也沒有包括 4 個坐標，那么瀏覽器會忽略整個區(qū)域。

可以識別 shape 屬性的 default 值的瀏覽器，可以提供一個包括全部熱點的區(qū)域，以用于在超過其他熱點定義的范圍之外單擊的情況。由于區(qū)域在 <map> 標簽中是采用“先來先得”的順序，所有必須將默認區(qū)域放置在后面。否則，默認區(qū)域會覆蓋其他的圖像映射中出現(xiàn)的所有區(qū)域。

瀏覽器在形狀名稱的實現(xiàn)方面沒有嚴格要求。例如，對于矩形，Netscape 4 不能識別 "rectangle"，卻能識別 "rect"。出于這個原因，我們建議使用縮寫的名稱。

如：

<img src ="planets.gif" alt="Planets" usemap ="#planetmap" />

<map name="planetmap">
  <area shape="rect" coords="0,0,110,260" href="sun.htm" alt="Sun" />
  <area shape="circle" coords="129,161,10" href="mercur.htm" alt="Mercury" />
  <area shape="circle" coords="180,139,14" href="venus.htm" alt="Venus" />
</map>
實例地址：

http://www.w3school.com.cn/tiy/t.asp?f=html_areamap