众所周知，map标签可以给img图像标记热点区域，而area标签就是跟map标签一起使用的。
但area标签的作用可不止用来标记热点，因为它也有href属性，因此某些场景可以代替a标签进行页面跳转。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
area{position: absolute;left: 0;width: 80px;height: 20px;}
</style>
</head>
<body>
<p>
<area shape="rect" coords="0,0,30,10" href="">点击这里
</p>
</body>
</html>
什么样的场景会需要这个？
a标签不支持嵌套，因此它的作用就来了。
详情请看这篇文章。