HTML <area>标签，定义映射区域
<area>标签
<area>可以用来定义客户端（浏览器端）图像映射中的映射区域（可点击），一般包含于map元素。至于什么是图像映射，可以参考上一节中介绍的：<map>标签中额内容。
<area/>
提示：area元素在HTML中可以不用结束标签。
area元素的属性
| 属性 | 值 | 描述 |
|---|---|---|
| coords | 坐标 | 可选属性，用于定义映射区域的坐标 |
| href | url | 指定映射区域（被点击后）的目标url（或处理方法） |
| download | filepath | 指定下载的文件路径目标 |
| media | media query | 指定url目标优化的媒体设备 |
| hreflang | language-code | 指定目标url的语言种类 |
| type | 媒体类型 | 指定url的internet媒体类型 |
| target | _blank、_parent、_self、_top | 指定href属性的打开位置 |
| shape | default、rect、circle、poly | 定义映射区域的形状 |
| nohref | nohref | 在图像映射中去除某个区域 |
| rel | alternate、author、bookmark、help、license、next、nofollow、noreferrer、prefetch、prev、search、tag | 定义当前area与链接之间的关系 |
| referrepolicy | no-referrer、no-referrer-when-downgrade、origin、origin-when-cross-origin、same-origin、strict-origin-when-cross-origin、unsafe-url | 定义超链接被点击时所要发送的引荐来源信息 |
area元素实例代码，及在线编辑器
下方的实例将图片划分成三个区域，点击对应的区域将执行相应的函数（注意鼠标形状变化，在文字的右上角）：
<div>
<p style='position:absolute;top:50px;left:20px;'>三</p>
<p style='position:absolute;top:150px;left:180px;'>一</p>
<p style='position:absolute;top:180px;left:128px;'>二</p>
<img src="../../static/img/test.jpg" border="0" usemap="#e1" alt="e1" style='width:100%;height:100%;'/>
<map name="e1" id="e1">
<area shape="circle" coords="180,138,15" href ="javascript:do1(1);" alt="一" />
<area shape="circle" coords="128,180,11" href ="javascript:do1(2);" alt="二" />
<area shape="rect" coords="0,0,100,250" href ="javascript:do1(3);" alt="三" />
</map>
</div>
<script>
function do1(arg){
alert(arg)
}
</script>