HTML <map> name Attribute

The name attribute on a <map> tag assigns a name to that map element.

This name is used by the image to reference the map.



A name attribute on a <map> element.
The name is used by the image to reference the image map.

Computer Computer Keyboard Mouse
<img src="/img/html/computer-map.png" alt="Computer" usemap="#computermap">

<map name="computermap">
  <area shape="rect" coords="253,142,16,2" alt="Computer" href="javascript:alert('Computer screen was clicked');">
  <area shape="rect" coords="262,218,0,156" alt="Keyboard" href="javascript:alert('Computer keyboard was clicked');">
  <area shape="circle" coords="267,234,22" alt="Mouse" href="javascript:alert('Computer mouse was clicked');">

Using name

The name attribute assigns a name to the image map.

This name helps establishing a relationship between the image and the image map.

The image uses the usemap attribute to reference the map's name.


<map name="mapname">



Value Description
mapname String value that is the name of the image map.

Browser support

Here is when name support started for each browser:

1.0 Sep 2008
1.0 Sep 2002
1.0 Aug 1995
1.0 Jan 2006
1.0 Jan 2003

You may also like

 Back to <map>

Author: Jack Poorte
Published: Jun 20 2021
Last Reviewed: Sep 30 2023

Quick question: what's your favorite/least favorite part of Dofactory?