HTML usemap Attribute
Definition and Usage
The usemap attribute specifies an image (or an object) as an image map (an image map is an image with clickable areas).
The usemap attribute is associated with a <map>
element's name or id attribute, and creates a
relationship between the <img> and the
<map>.
Note: The usemap attribute cannot be used if the
<img> element is a
descendant of an <a> or
<button> element.
Applies to
The usemap attribute can be used on the following elements:
| Elements | Attribute |
|---|---|
| <img> | usemap |
| <object> | usemap |
Examples
Example
An image map, with clickable areas:
<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>
Try it Yourself »
Example
An <object> element using an image map:
<object data="planets.gif" width="145" height="126" usemap="#planetmap"></object>
Try it Yourself »
Browser Support
The usemap attribute has the following browser support for each element:
| Element | |||||
|---|---|---|---|---|---|
| img | Yes | Yes | Yes | Yes | Yes |
| object | Not supported | Yes | Yes | Not supported | Not supported |
