作用：
点击图片上不同形状的区域触发不同的事件
例子：
<img src="planets.jpg" border="0" usemap="#planetmap" alt="Planets" />
<map name="planetmap" id="planetmap">
<area shape="circle" coords="180,139,14" href ="venus.html" alt="Venus" />
<area shape="circle" coords="129,161,10" href ="mercur.html" alt="Mercury" />
<area shape="rect" coords="0,0,110,260" href ="sun.html" alt="Sun" />
。。。。。想加几个事件写几个
</map>
分析：
<img src="planets.jpg" border="0" usemap="#planetmap" alt="Planets" />
src想要展示的图片 border边框 usemap使用map的id或者name（由浏览器决定） alt：如果该图像无法显示就展示那些字段
<map name="planetmap" id="planetmap">
id，name要跟上面的图片的想对应
<area shape="circle" coords="180,139,14" href ="venus.html" alt="Venus" />
shape：类型 coords:坐标值参数 href：点击后跳转的页面 alt:同上
圆形：shape="circle"，coords="x,y,z"
x 和 y 圆心的位置（"0,0" 是图像左上角的坐标），z是以像素为单位的圆形半径。
矩形：shape="rectangle"，coords="x1,y1,x2,y2"
两组坐标(x1,y1)(x2,y2)表示图形的左上角和右下角的坐标是多边形的一种简化方法
多边形：shape="polygon"，coords="x1,y1,x2,y2,x3,y3,..."
定点的坐标组比如三角形要三个顶点就是三组坐标
扩展：
<area >
nohref="nohref" 表示除选择以外的图片的所有区域，比如一张图片上选择了一个方形区域，加上该属性后则表示除了选择的方形区域之外的所有区域
target ="_blank" 表示连接的方式同<a>标签的该属性
title="aaa" 表示鼠标悬浮提示
注意：
1、area 元素永远嵌套在 map 元素内部。area 元素可定义图像映射中的区域。
2、<img>中的 usemap 属性可引用 <map> 中的 id 或 name 属性（取决于浏览器），所以我们应同时向 <map> 添加 id 和 name 属性。