今天翻MDN，发现一个area标签，重来没有用过。今天了解了一下。
area是单标签
area是用来画图形的，可以是圆形、矩形、和多边形
属性（重点加粗）：
cords是给所画的图片设定坐标值
download 是链接资源下载的 除去网址信息
herf是area区域的url
hreflang 是资源的语言
media 指明链接资源的媒体类型
nohref 指明是没有超链接的 直接
rel 表示 目标对象与链接的关系 只有href属性是presen时候才有这个属性
shape 规定形状
target 打开链接的方式 _self _blank _parent _top
type 制定MIME类型的媒体类型
第一次学习的时候 并不知道怎么看，自己画出来的是什么。百度之后才知道
tab键切换，就能看见热点。
img、map、area 需要同时使用
area是来标记图像的热点区域的
img要使用usemap（#属性名）属性 需要与map的id 和name的属性名一样
map因为id在标签中是唯一的 并且name属性要与id是一致的 所以三者的名字是一样的
area的属性
shape属性：cir/circle/poly/polygon/rect/rectangle
coords属性：定义坐标的
圆：x,y,z, (x,y 代表圆点，z代表半径)
多边形：是x，y,x,y,x,y,x,y 每一个x，y是一个坐标点，每一个多边形会自动转换成封闭图形 ， 所以最后一个点的坐标不需要回到原点
矩形：x,y,x,y 两个点即可确定一个矩形 左上角 和右虾饺
```clike
<img src="./images/pang.jpg" alt="美女" usemap="#MM">
<map id="MM" name="MM">
<area shape="rect" coords="20,20,80,80" href="#rect" alt="矩形">
<area shape="circle" coords="200,50,50" href="#circle" alt="圆形">
<area shape="poly" coords="150,100,200,120,180,130,190,180,150,150" href="#poly" alt="多边形" >
</map>
什么意义
在一定程度上能够代替 a 标签。
a元素是不允许嵌套的
可以在a中点击area然后跳转到不同的地方
省得布局了
也可以在一个图片中定位
coords的定位在图片中 即可进行链接的定位
coords 的定位坐标是从零点开始的
来源：CSDN
作者：YeSyinnng
链接：https://blog.csdn.net/qq_39532595/article/details/103239772