1. area标签介绍
在 HTML 中，area 标签指定该区域是图片映射的一部分，一个映射就是一个在图像中定义的区域。这个标签需要与 map 标签配合使用，map 标签用于定义一个客户端图像映射。
一个 映射 就是一个在图像中定义的区域，因为图片本质上是矩形（或方形），所以映射就成为了指定区域。base 标签的 href 属性定义一个用于映射的基本 URL。
<map name="name">
<area shape="rect" coords="x1,y1,x2,y2" href="some.html">
</map>
1.1. 类型（shape）
shape 属性定义区域的类型。
rect：定义一个矩形区域；
circle：定义一个圆形区域；
poly：定义一个多边形区域。
rect type 需要为该区域定义一个左上角和右下角坐标； circle type 需要为该区域定义圆心坐标和圆的半径； poly 类型需要为该区域定义多个顶点坐标。
<map name="name">
<area shape="circle" coords="x,y,r" href="some.html">
</map>
1.2. 坐标（coords）
coords 属性定义了映射区域的坐标
rect 类型：coords="x1,y1,x2,y2"；
circle 类型：coords="x,y,r"；
poly 类型：coords="x1,y1,x2,y2,x3,y3,....,xn,yn"。
1.3. 超链接（href）
href 属性用于定义映射的链接：
<map name="name">
<area shape="rect" coords="0,0,82,126" href="sun.htm">
<area shape="circle" coords="90,58,3" href="mercur.htm">
<area shape="circle" coords="124,58,8" href="venus.htm">
</map>
1.4. target 属性
在 HTML 4.01 中，target 属性可用于在浏览器窗口、框架或表格中打开 URL。HTML5 不支持 target 属性，除非通过特殊的 lang 属性或在文档类型声明中指定为 HTML4。
<area shape="rect" coords="0,0,82,126" href="sun.htm" target="_blank">