HTML丨<map> 标签，热点定位

用来定义一个图像映射，即指带有可点击区域的一幅图像。例如：

<img src="map.jpg" usemap="#mapImg" alt="Map" />

<map name="mapImg" id="mapImg">
  <area shape="circ" coords="180,139,14" href ="venus.html" alt="Venus" />
  <area shape="poly" coords="129,161,10,35,66,37" href ="mercur.html" alt="Mercury" />
  <area shape="rect" coords="0,0,110,260" href ="sun.html" alt="Sun" />
</map>

注意：
1、area 元素永远嵌套在 map 元素内部，area 元素用来定义图像映射的区域。
2、img 中的 usemap 属性可引用 map 中的 id 或 name 属性（取决于浏览器），所以我们应同时向 map 添加 id 和 name 属性。
3、多边形：shape=“poly”，coords=“x1,y1,x2,y2,x3,y3”，每一对 “x,y” 坐标都定义了多边形的一个顶点，定义三角形至少需要三组坐标，多边形会自动封闭，因此在列表的结尾不需要重复第一个坐标来闭合整个区域。