3.5.1 什么是图像映射
所谓图像映射是指在一幅图中定义若干个区域，每个区域中指定一个不同的超链接，当单击不同的区域时便可以跳转到相应的目标页面。
3.5.2 创建图像映射
3.5.2.1 定义映射区域
定义映射区域使用MAP标记符，在<MAP>和</MAP>之间添加映射区域。添加映射区域使用AREA标记符。该标记符具有三个基本属性：
- href 标识出目标的URL
- shape 说明映射区域的形状。取值可是：
- rect 矩形
- circle 圆形
- poly 多边形
- default 整个图像区域
- coords 用于标识映射区域的边界。
3.5.2.1 对映射区域进行引用
标记了映射区域之后，就可以通过在IMG标记符中使用usermap属性来引用相应的映射信息。
一个完整的图像映射语法如下：
|
<map name="mymap"> <area href=URL1 shape=rect coords="x1,y1,x2,y2"> <area href=URL2 shape=circle coords="x,y,r"> <area href=URL3 shape=poly coords="x1,y1,x2,y2,...,xn,yn"> </map> <img src=image_URL usemap=#mymap> |
注意：map标记符中，name属性的取值必须与img标记符中，usemap属性的取值相同，只是usemap属性的值前面多了一个# 。
举例说明：
图片：<img name="aaa.gif" width="100" height="100" border="0" usemap="#Map">
-------------------------------
地图：
<map name="Map">
<area shape="rect" coords="30,20,70,40" href="aaa.htm">
<area shape="rect" coords="30,60,70,80" href="bbb.htm">
</map>