详细释义

客户端图像映射

服务器端图像映射

详细释义

图像映射是一个能对链接指示作出反应的图形或文本框。单击该图形或文本框的已定义区域，可转到与该区域相链接的目标 (URL)。

图像映射分为两种类型：在从 Internet 装入图形的客户机上进行处理的，称为客户端图像映射；在向 Internet 提供 HTML 页面的服务器计算机上进行处理的，称为服务器端图像映射。在服务器处理中，单击某个图像映射会将该图像中光标的相对坐标发送到服务器，并由服务器上的专用程序作出相应的反应。在客户端处理中，单击图像映射的已定义热点将激活 URL，这与单击了普通文本链接的效果类似。当鼠标指针移到图像映射上时，会在指针下方显示 URL。

图像映射基本分为在服务器上（即 Internet 提供商）分析及在客户电脑中的 Web 浏览器上分析两种。

客户端图像映射

现代型的客户端图像映射在服务器端没有那么复杂。鼠标移到图片或框架区域上时，链接的 URL 的外观会指示读者是否可以单击此区域。图像映射存储在图片的下一层，含有引用区域的相关信息。客户端图像映射唯一的缺点是，不能在早期的 Web 浏览器上对其进行访问，不过这个问题会随着时间推移而自行解决。

服务器端图像映射

服务器端页面图像映射显示给读者的部分为页面上的图像或框对象。在图像映射上单击鼠标后，光标的相对位置坐标将被发送到服务器。然后服务器会通过一个专用程序来确定要执行的下一个步骤。可以使用多种不兼容的方法来定义此过程，其中最常用的两种方法是：

————————————————————————————————————————————————————————

html语法之--使用图像映射

1 什么是图像映射

所谓图像映射是指在一幅图中定义若干个区域，每个区域中指定一个不同的超链接，当单击不同的区域时便可以跳转到相应的目标页面。

2 创建图像映射

2.1 定义映射区域

定义映射区域使用MAP标记符，在<MAP>和</MAP>之间添加映射区域。添加映射区域使用AREA标记符。该标记符具有三个基本属性：

href 标识出目标的URL

shape 说明映射区域的形状。取值可是：

rect 矩形

circle 圆形

poly 多边形

default 整个图像区域 coords 用于标识映射区域的边界。 2.1 对映射区域进行引用

标记了映射区域之后，就可以通过在IMG标记符中使用usermap属性来引用相应的映射信息。

一个完整的图像映射语法如下：

<map name="mymap">

<area href=URL1 shape=rect coords="x1,y1,x2,y2">

<area href=URL2 shape=circle coords="x,y,r">

<area href=URL3 shape=poly coords="x1,y1,x2,y2,...,xn,yn">

</map>

<img src=image_URL usemap=#mymap>

注意：map标记符中，name属性的取值必须与img标记符中，usemap属性的取值相同，只是usemap属性的值前面多了一个# 。