在Html中，图像使用map标签

许多网点的主页都有一幅图象，你可以点击它的不同部位来进入网点的不同部分.例如，这幅图象可以包含一些图标，指定为新闻部分。对话部分及下载部分，如果这个网点的参观者想从主页立即进入新闻部分，他就可以简单地点击一下新闻的图标，包含有这些图标的图象就被称为image map

      image map的另一个用途是在网点的每一页的顶部建立导航条，导航条包含了这个网点主要部分的菜单。同样，用户可以用导航条快速而简单地进入他所感兴趣的部分。例如，Netscape的网点上许多网页都有一个导航条.

   这是image map的两个主要用途，然而只要我们去想，它还有很多别的用途。例如，你可以使用image map来搜集信息，假如你想知道参观你网点的人是来自世界的哪个角落，你就可以建立一幅世界地图的image map，参观者可通过点击地图来指出他们来自哪个国家。如果你想在一幅图象上显示一系列选择，就要使用image map.

     有两种类型的image map：服务器端的及客户端的，当你使用服务器端image map时，服务器会在用户点击了图象上某一部位时决定采取什么行动；而在客户端image map中，则是由浏览器决定采取什么行动。服务器端image map与更多的浏览器有更好的兼容性，但是客户端image map更快。两种image map都很容易建立.

   在Html中，给图像使用map标签，可以给图像的某个部分建立超连接，用法如下：

      <img src=img.gif usemap="MAP-Name">
         <map name="MAP-Name">
          <area shape="rect|circle|poly" coords="#" href="url">
        </map>
注:所有的最标都是相对于图片左上角的

其中，坐标coords对各个shape的解释如下：

shape="rect" coords="x1,y1,x2,y2" // (x1,y1)=Upper Left, (x2,y2)=Lower Right

即，当shape是矩形时，coords表示矩形左上及右下(x2, y2)的坐标
shape="circle" coords="x,y,r" // (x,y)=Center, r=Radius

即，当shape是圆形时，coords表示圆中心点坐标(x, y)及半径

shape="poly" coords="x1,y1,x2,y2,x3,y3..." // (x1,y1>=First Corner, (x2,y2)=Second Corner, ...

即，当shape是poly多边形时，coords表示多边形所有顶点的坐标(x1,y1),(x2,y2),(x3,y3)...

注意：以上所有坐标都是相对于图形img.gif左上脚坐标而言的

以下是一个例子:

<img src="mapimg.gif" usemap="#Face">
<map name="Face">
   <area shape="rect" href="page.html" coords="140,20,280,60">
   <area shape="poly" href="image.html" coords="100,100,180,80,200,140">
   <area shape="circle" href="new.html" coords="80,100,60">
</map>