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 »
Definition and Usage
The usemap attribute specifies an image as a client-side 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.
Browser Support
| Attribute | |||||
|---|---|---|---|---|---|
| usemap | Yes | Yes | Yes | Yes | Yes |
Differences Between HTML 4.01 and HTML5
NONE.
Syntax
<img usemap="#mapname">
Attribute Values
| Value | Description |
|---|---|
| #mapname | A hash character ("#") plus the name or id of the <map> element to use |