html map area 标签

map :定义一个客户端图像映射。图像映射（image-map）指带有可点击区域的一幅图像。

 

       属性：

             name： 为 image-map 规定的名称。

                      注释： <img> 标签中的 usemap 属性与 map 元素 name 属性相关联，创建图像与映射之间的联系。

             id     ： 为 map 标签定义唯一的名称。

 

area ：定义图像映射中的区域（注：图像映射指得是带有可点击区域的图像）。

 

       注：area 元素总是嵌套在 <map> 标签中。

       属性：

             alt(必须)：定义此区域的替换文本。alt 属性是一个必需的属性，它规定在图像无法显示时的替代文本。

             shape   ：定义区域的形状。

             coords  ：坐标值 定义可点击区域（对鼠标敏感的区域）的坐标。 coords 属性规定区域的 x 和 y 坐标。

                         coords 属性与shape 属性配合使用，来规定区域的尺寸、形状和位置。 图像左上角的坐标是 "0,0"。

                                圆形（circ）    ：shape="circle"，coords="x,y,z"

                                              这里的 x 和 y 定义了圆心的位置（"0,0" 是图像左上角的坐标），z 是以像素为单位的圆形半径。

                                多边形(poly) ：shape="polygon"，coords="x1,y1,x2,y2,x3,y3,..."

                                              每一对 "x,y" 坐标都定义了多边形的一个顶点（"0,0" 是图像左上角的坐标）。

                                              定义三角形至少需要三组坐标；高纬多边形则需要更多数量的顶点。

                                              多边形会自动封闭，因此在列表的结尾不需要重复第一个坐标来闭合整个区域。

                                矩形：shape="rectangle"，coords="x1,y1,x2,y2"

                                              第一个坐标是矩形的一个角的顶点坐标，另一对坐标是对角的顶点坐标，"0,0" 是图像左上角的坐标。

                                              请注意，定义矩形实际上是定义带有四个顶点的多边形的一种简化方法。

             href     :URL 定义此区域的目标 URL。规定在何处打开 href 属性指定的目标 URL。

eg:

    <img src ="planets.gif" alt="Planets" usemap ="#planetmap" />

    <map name="planetmap">
             <area shape="rect" coords="0,0,110,260" href="sun.htm" alt="Sun" />

             <area shape="circle" coords="129,161,10" href="mercur.htm" alt="Mercury" />

             <area shape="circle" coords="180,139,14" href="venus.htm" alt="Venus" />

    </map>