HTML map元素
map元素 使用 map元素,可以定义一个图像映射。图像映射是指把一幅图像划分为多个区域(即热点区域),每个热点区域对应一个超级链接,当用户点击热点区域,会自动跳转到预先设定好的链接地址。 创建一个图像映射,需要 img、map、area 三种标签配合完成: 首先,使用 img 元素定义一幅图像,并通过 src 属性定义图像的URL,通过 usemap 属性定义要选择的图像映射名称,以建立图像与图像映射之间的关联。 其次,使用 map元素定义图像映射,并通过 area 子元素将图像映射划分为多个热点区域。一个 map元素可以包含多个 area 子元素,表示定义多少个热点区域。 <map>标签非常简单,只需声明 id 和 name 属性即可,因为不同浏览器识别的属性可能不同。因此,id 和 name 二者缺一不可,并使用相同的属性值。 <area>标签中,通过 shape 属性定义热点区域的形状,取值 rect | circle | poly,rect 表示矩形,circle 表示圆形,poly 表示多边形;通过 coords属性定义热点区域的坐标,每个点的坐标参考点为图像的左上角顶点;通过 href 属性定义链接的目标URL;通过 target 属性定义在何处打开 href 属性指定的目标 URL。 当 shape 属性取不同值时,coords属性值的格式及含义见表 2‑2: 表