给图像使用map标签，可以给图像的某个部分建立超连接
一般情况下用在图片上，如：<img src="Images/banner.gif" width="780" height="202" border="0" usemap="#Map" >
<map name="Map">
<area shape="rect" coords="685,8,744,27"
href="mailto:99pursey@pursey**.com">
<area shape="rect" coords="613,9,666,27"
onClick="this.style.behavior=‘url(#default#homepage)‘;
this.setHomePage(‘http://www.bc110.com‘);">
</map>
其中 shape表示图片的类型 如 rect 表示矩形 ，circle 表示圆形 ，poly 表示是多边形 ，而 coords 表示图形的坐标位置
如 shape="rect" coords="x1,y1,x2,y2" // (x1,y1)=Upper Left, (x2,y2)=Lower Right 即，当shape是矩形时，coords表示矩形左上(x1,y1)及右下(x2, y2)的坐标
shape="circle" coords="x,y,r" // (x,y)=Center, r=Radius 即，当shape是圆形时，coords表示圆中心点坐标(x, y)及半径
shape="poly" coords="x1,y1,x2,y2,x3,y3..." // (x1,y1>=First Corner, (x2,y2)=Second Corner, ...
即，当shape是poly多边形时，coords表示多边形所有顶点的坐标(x1,y1),(x2,y2),(x3,y3)...
href 当点击某一区域时而建立起的超链接
onclick 也可以有点击事件！
原文：http://www.cnblogs.com/wjcoming/p/3662639.html