HTML <img> usemap 属性

❮ HTML <img> 标签

实例

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

<img src="workplace.jpg" alt="Workplace" usemap="#workmap" width="400" height="379">

<map name="workmap">
  <area shape="rect" coords="34,44,270,350" alt="计算机" href="computer.htm">
  <area shape="rect" coords="290,172,333,250" alt="电话" href="phone.htm">
  <area shape="circle" coords="337,300,44" alt="一杯咖啡" href="coffee.htm">
</map>
亲自试一试 »

定义和用法

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

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

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


浏览器支持

属性
usemap Yes Yes Yes Yes Yes

语法

<img usemap="#mapname">

属性值

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

❮ HTML <img> 标签