365体育备用网址报道HTML <img> 标签的 usemap 属性_365体育备用网址官网资讯

HTML5/tag_img.html">HTML <img> 标签

实例

客户器端图像映射:

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

<map name="planetmap">
  <area href="sun.htm" shape="rect" coords="0,0,110,260">Sun</a>
  <area href="mercur.htm" shape="circle" coords="129,161,10">Mercury</a>
  <area href="venus.htm" shape="circle" coords="180,139,14">Venus</a>
</map>

PHP?filename=html_areamap">亲自试一试

解释

上面这段源代码将一幅图像 planets.gif 映射为 3 个区域,当用户单击其中某一个区域时,将被链接到不同的文档中。

如需了解十六浦娱乐城体育有关 map 和 area 元素的信息,请参阅:

定义和用法

usemap 属性将图像定义为客户端图像映射。

图像映射指的是带有可点击区域的图像。

usemap 属性与 <map> 元素的 name 或 id 属性相关联,以树立 <img> 与 <map> 之间的联系。

延伸阅读:详解 usemap 属性

HTML 4.01 与 HTML5 之间的差异

没有。

扫瞄器撑腰

一切扫瞄器都撑腰 usemap 属性。

语法

<img usemap="value">

属性值

描述
#mapname # + 要使用的 <map> 元素的 name 或 id 属性

延伸阅读:详解 usemap 属性

usemap 属性提供了一种“客户端”的图像映射机制,有效地消除了服务器端对鼠标坐标的处置,以及由此带来的网络延迟问题。通过特别的 <map> 和 <area> 标签,HTML 创作者能够提供一个描述 usemap 图像中超链接敏感区域坐标的映射,这个映射同时包含相应的超链接 URL。usemap 属性的值是一个 URL,它指向特别的 <map> 区域。用户计算机上的扫瞄器将把鼠标在图像上单击时的坐标转换成特定的行为,包括加载和显示另外一个文档。

我们举例说明一下,下面这段源代码将一个 100x100 像素的图像 map.gif 映射为 4 个区域,当用户单击其中某一个区域时,将被链接到不同的文档中。请注意,在这个 <img> 标签中,我们已经有效地包含了对 ismap 图像映射的处置功能,这样,那些使用不具有 usemap 处置功能的扫瞄器用户,就能够通过另外一中途径,即服务器端机制来处置图像映射:

<a href="/example/map">
  <img src="/i/map.gif" ismap="ismap" usemap="#map" />
</a>

<map name="map">
  <area coords="0,0,49,49" href="link1.html">
  <area coords="50,0,99,49" href="link2.html">
  <area coords="0,50,49,99" href="link3.html">
  <area coords="50,50,99,99" href="link4.html">
</map>

ismap 属性和 usemap 属性的应用差异

地图就是很好地应用 ismap 和 usemap 属性的一个示例,例如,在扫瞄一家全国范围的大盈佳国际在线娱乐网页时,用户可能会在地图上单击他们所居住的城市,以获得附近地区零售店的地址和电话号码等。

usemap 客户端处置图像映射的好处是,它不要求有服务器或特别的服务器软件,与 ismap 机制不同,它能够用在非 web (无网络)环境中,例如在本地的文件或者 CD-ROM 中使用。

------分隔线----------------------------

公布评论 (133人察看0条评论)
请自觉遵守互联网相关的政策法规,严禁公布色情、暴力、反动的言论。
用户名: 验证码: 点击我更换澳门百家乐平台 在线
最新评论