實(shí)例

<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>

親自試一試

定義和用法

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

詳細(xì)解釋：

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

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

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

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

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

瀏覽器支持

所有瀏覽器都支持 shape 屬性。

語法

<a shape="value">

屬性值

參閱

• <map> 標(biāo)簽
• <a> 標(biāo)簽的 shape 屬性