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。