HTML标签 <map> 用于定义一个客户端图像映射，即将图片的某个区域与特定的链接或行为关联起来。通常与 <img> 标签一起使用，以创建可点击的热区域。
语法
<map name="map_name"> <!-- 区域定义 --> <area shape="shape" coords="x1,y1,x2,y2" href="url"> </map>
- name 属性定义映射的名称。
- shape 属性定义热区的形状，可以是 "rect"（矩形）、"circle"（圆形）或 "poly"（多边形）。
- coords 属性定义热区的坐标，具体取决于热区的形状。
- href 属性定义与热区关联的链接。
示例
<img src="image.jpg" usemap="#map_name" alt="Map Image"> <map name="map_name"> <area shape="rect" coords="0,0,50,50" href="page1.html"> <area shape="circle" coords="100,100,50" href="page2.html"> <area shape="poly" coords="150,0,200,50,200,100,150,100" href="page3.html"> </map>
在上面的示例中，我们首先使用 <img> 标签展示了一个图片，并通过 usemap 属性指定了使用的映射名称。然后在 <map> 标签中定义了三个热区，分别是一个矩形、一个圆形和一个多边形，每个热区都与不同的链接关联。
通过使用 <map> 标签，我们可以创建复杂的图像地图，为用户提供更丰富的交互体验。