设置图像映射 HTML

在网页设计过程中，有时候需要在图像上的某个区域或多个区域设置链接，这就需要用到图像映射。图像映射是一个能对链接指示做出反应的图形，单击该图像的已定义区域，可转到与该区域相链接的目标。图像映射也称为热区链接，就是在图像上设置一到多个热点区域（热区），然后在每个热区上都可以设置超链接。

图像映射的实现需要使用<map>元素和<area>元素，<map>元素用来创建图像映射，与<img>元素关联起来。<area>元素包含在<map>元素之间，用于创建图像映射中一个个的热区，并规定热区的形状和位置。

基本语法如下：

<img src="图像路径"usemap="#图像映射名称"/>

<map name="图像映射名称"id="图像映射名称">

    <area shape="形状"coords="坐标"href="URL"/>

    <area shape="形状"coords="坐标"href="URL"/>

    ...

</map>

语法说明：

<map>用于定义客户端图像映射，name属性在<map>元素中是必需的，该属性和<img>元素的usemap属性关联，创建图像和图像映射之间的关系。另外，值得注意的是，有些浏览器可能会支持<img>的usemap属性引用<map>的id属性，所以我们可以同时向<map>添加name和id属性，并且为两者设置相同的值。