网页中的图像地图-百虎谷网

网页中的图像地图

原来的图像链接指针每幅图只能指向一个地点，而图像地图可以把图像分成多个区域，每个区域指向不同的地点。 <HTML><HEAD>
<TITLE>Listing 4-7</TITLE></HEAD>
<BODY>
<IMG SRC="nav.gif" WIDTH="300" HEIGHT="200" USEMAP="#NavMap">
<MAP NAME="NavMap">
<AREA SHAPE="rect" COORDS="0,0,50,100" HREF="http://www.microsoft.com">
<AREA SHAPE="circ" COORDS="100,150,20" HREF="http://www.w3c.org">
<AREA SHAPE="poly" COORDS="200,50,250,50,250,100,200,150,150,100" HREF="http://mspress.microsoft.com">
</MAP>
<BR>
<A HREF="http://www.microsoft.com">Microsoft</A>
<A HREF="http://www.w3c.org">W3C</A>
<A HREF="http://mspress.microsoft.com">Microsoft Press</A>
</BODY></HTML>

用户端图像地图的格式为：
<img src="url" usemap="#mymap">
src="url" 用于指定用作图像地图的图像。
usemap属性指明这是客户端图像地图。
其中的“#mymap”是图像文件说明部分的标记名，浏览器寻找名字为mymap的<map>元素并从中得到图像地图的分区信息。
客户端图像地图的分区信息用<map name=mapname>元素说明，name属性命名<map>元素。图像地图的各个区域用<area shape=“形状” coords=“坐标” href=“url”>说明。

MAP包含任意个AREA元素，用SHAPE、COORDS和HREE属性在图像地图上指定了形状、位置和超级链接。
SHEAPE属性用rect指定矩形，circ指定圆形，poly指定多边形。
COORDS属性，对于圆，前两位是圆心坐标，第3位是半经；对于矩形，分别是左上角和右下角坐标；对于多边形，每一对数字都是顶点坐标。

百虎谷互联网技术博客

关键词博客：搜索引擎探究、搜索技巧、网络技术、网站制作等！

导航

2009-5-9 0:8:16