css定義圖像地圖中的某個區域，

如<area shape="rect" coords="703,3,750,26" href="#top"> 

HTML <area> 標籤

定義和用法

定義圖像地圖中的某個區域。

HTML與XHTML以前的差別

在HTML中，<area>沒有結束標籤。

在XHTML中，<area>必須被正確地關閉。

提示和註釋：

此元素永遠被嵌套在<map>標籤內部。

註釋：<img>中的usemap屬性可引用<map>中的id或name屬性（由瀏覽器決定），因此咱們須要同時向<map>添加id和name兩個屬性。

必需的屬性

DTD指示此屬性容許在哪一種DTD中使用。S=Strict, T=Transitional, and F=Frameset. 屬性 值 描述 DTD 

alt text 定義此區域的替換文本 STF 

可選的屬性

屬性 值 描述 DTD 

coords 若是shape="rect" 那麼 coords="left,top,right,bottom" 

若是shape="circ" 那麼 coords="centerx,centery,radius" 

若是shape="poly" 那麼 coords="x1,y1,x2,y2,..,xn,yn" 

 Specifies the coordinates for the clickable area STF 

href URL 定義此區域的目標URL STF 

nohref true 

false 

 從圖像地圖排除某個區域 STF 

shape rect 

rectangle 

circ 

circle 

poly 

polygon 

 定義區域的形狀 STF 

target  _blank 

_parent 

_self 

_top 

 

在何處打開目標URL. 

_blank - 目標URL會在新窗口打開 

_self - 當其被點擊時，目標URL會在同一框架中打開 

_parent - 目標URL會在父框架中打開 

_top - 目標URL會在整個的窗口中打開 

 TF 

標準屬性

id, class, title, style, dir, lang, xml:lang, tabindex, accesskey

如需完整的描述，請訪問標準屬性。

事件屬性

ondblclick, onkeypress, onkeydown, onkeyup, onfocus, onblur 

如需完整的描述，請訪問事件屬性。

建立圖像地圖 

本例顯示如何建立帶有可供點擊區域的圖像地圖。其中的每一個區域都是一個超級連接。 

我按照他上面的意思：若是shape="rect" 那麼 coords="left,top,right,bottom" 就一位是距離她所在位置的左上右下四邊的距離，結果試了半天也沒搞出來，最後仍是給弄明白了，

他所指的這四個距離，好比左右兩邊，他是以一邊爲基準的，

---就比如咱們有個大區域，而咱們要在這個大區域裏用到AREA

那麼他要表示的左右兩邊距離是以大區域的左邊爲基準的，小區域的左邊距大區域的左邊距離有多少，就表示left，小區域的右邊距大區域的左邊距離有多少，就表示right，

那麼上下呢，就是以大區域的上邊爲基準，小區域的上邊距大區域的上邊距離有多少，就表示top，小區域的下邊距大區域的上邊距離有多少，就表示bottom。