常用的html标签汇总、以及操作过程中的一些bug问题解决方法，以下龙腾飞网络科技-小吴在建站实操中笔记记录，一路走来，一步步学习、总结、整理的一些资料，不用死记硬背，保存使用非常方便，实操过程中遇到了就查询搜索一下，实践出真章，做多了自然就熟悉了：

【定义和用法】

map 标签用于定义图像地图。图像地图(image map，一种分区导航图)是一种具有可点击区域的图像。

map 元素需要一个 name 属性，该属性与 img 元素 的 usemap 属性 相关联，创建图像和地图之间的关系。

map 元素包含一些 area 元素，定义图像地图中的可点击区域。

【实例】

例子 1

带有可点击区域的图像地图：

<img src="life.png" alt="Life" usemap="#lifemap" width="650" height="451">

<map name="lifemap">
  <area shape="rect" coords="10,208,155,338" alt="AirPods" href="airpods.html">
  <area shape="rect" coords="214,65,364,365" alt="iPhone" href="iphone.html">
  <area shape="circle" coords="570,291,75" alt="Coffee" href="coffee.html">
</map>

例子 2

另一个带有可点击区域的图像地图：

<img src="solarsystem.png" width="1024" height="576" alt="Planets" usemap="#planetmap">

<map name="planetmap">
  <area shape="rect" coords="0,0,114,576" alt="Sun" href="sun.html">
  <area shape="circle" coords="190,230,5" alt="Mercury" href="mercury.html">
  <area shape="circle" coords="228,230,5" alt="Venus" href="venus.html">
</map>

【属性】

name：地图名称

必需。规定图像地图的名称。

【默认的 CSS 设置】

大多数浏览器将显示具有以下默认值的 map 元素：

map {
  display: inline;}