<map>
The <map>
HTML element is used with <area>
elements to define an image map (a clickable link area).
Content categories | Flow content, phrasing content, palpable content. |
---|---|
Permitted content | Any transparent element. |
Tag omission | None, both the starting and ending tag are mandatory. |
Permitted parents | Any element that accepts phrasing content. |
Implicit ARIA role | No corresponding role |
Permitted ARIA roles | No role permitted |
DOM interface | HTMLMapElement |
Attributes
This element includes the global attributes.
name
-
The
name
attribute gives the map a name so that it can be referenced. The attribute must be present and must have a non-empty value with no space characters. The value of thename
attribute must not be equal to the value of thename
attribute of another<map>
element in the same document. If theid
attribute is also specified, both attributes must have the same value.
Examples
<map name="primary">
<area shape="circle" coords="75,75,75" href="left.html">
<area shape="circle" coords="275,75,75" href="right.html">
</map>
<img usemap="#primary" src="https://via.placeholder.com/350x150" alt="350 x 150 pic">
Result
Expected live example output
The live example above should appear similar to the following images (when using your keyboard tab key):
For the left.html
link:
For the right.html
link
Specifications
Specification |
---|
HTML Standard (HTML) # the-map-element |
Browser compatibility
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | WebView Android | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | |
map |
1 |
12 |
1
["Before Firefox 5, in Quirks Mode, empty maps were no longer skipped over in favor of non-empty ones when matching.", "Before Firefox 17, the default styling of the
<map> HTML element was display: block; . This is now display: inline; and matches the behavior of the other browsers. It was already the case in Quirks Mode."] |
Yes |
Yes |
1 |
1 |
18 |
4 |
Yes |
Yes |
1.0 |
name |
1 |
12 |
1 |
Yes |
Yes |
1 |
1 |
18 |
4 |
Yes |
Yes |
1.0 |
See also
© 2005–2021 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/map