Tutorials References Exercises Videos Menu
Create Website Get Certified Upgrade

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