HTML 5 <img> usemap 属性

HTML 5 <img> 标签

实例

带有可点击区域的图像映射：

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

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

亲自试一试

定义和用法

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

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

usemap 属性与 map 元素的 name 或 id 属性相关联，它建立了图像与映射之间的关系。

HTML 4.01 与 HTML 5 之间的差异

无差别。

语法

<img usemap="#mapname" />

属性值

值 描述
#mapname 井号（#） + 要使用的 map 元素名称或 id

HTML 5 <img> 标签