HTML5创建热点区域

创建热点区域（比如单击一张图片不同区域时，会显示不同的链接内容，这就是图片的热点区域）所谓图片的热点区域，就是将一个图片划分为若干个链接区域，当访问者单击不同的区域，会链接到不同的页面
在HTML5中，可以为图片创建3种类型的热点区域：矩形，圆形和多边形，创建热点区域用 and 标记
语法格式如下：

说明：

1. 图片必须增加usemap属性，说明该图像是热区的映射图像，属性值必须“#”开头，加上名字
2. 标记只有一个属性name，作用是为区域命名，其设置值必须与属性值相同
3. 标记主要是定义热点区域的形状及超链接，它有三个必需的属性
4. shape：控制划分区域的形状，取值3个：rect，circle，poly
5. coords：控制区域的划分坐标，单位为像素。shape取值为rect，那么coords设置值分别为矩形左上角x，y坐标点和右下角x，y坐标点；shape取值circle，coords的值：圆形圆心x，y的坐标点和半径值；shape取值poly，coords的值：矩形各个点x，y的坐标。
6. href：设置区域的超链接目标，取值“#”表示空链接