HTML img usemap 属性

2018-11-12 18:07 更新

HTML <img> usemap 属性

HTML img 标签参考手册 HTML <img> 标签

实例

一个带有可点击区域的图像映射:

<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap">

<map name="planetmap">
  <area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun">
  <area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury">
  <area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus">
</map>

尝试一下 »

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主流浏览器都支持 usemap 属性。


定义和用法

usemap 属性将图像定义为客户端图像映射(图像映射指的是带有可点击区域的图像)。

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

注意:只有当 <img> 元素不属于 <a> 或 <button> 元素的后代时,才允许使用 usemap 属性。


HTML 4.01 与 HTML5之间的差异

无。


语法

<img usemap="#mapname">

属性值

描述
#mapname 一个 hash 字符 ("#") 加上要使用的 <map> 元素的 name 或 id。


HTML img 标签参考手册 HTML <img> 标签
以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号