HTML - <map>
The HTML <map> element is used with <area> elements to define an image map (a clickable link area).
Example
<map name="example-map-1"> <area shape="circle" coords="200,250,25" href="another.htm" /> <area shape="default" /> </map>
Description
The HTML <map> 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 parent elements | Any element that accepts phrasing content. |
| DOM interface | HTMLMapElement |
Browser Compatibility
| Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| Basic support | 1.0 | 1.0 (1.7 or earlier)[1] 5.0 (5.0)[2] 17.0 (17.0)[3] |
(Yes) | 1.0 | 1.0 |
| Feature | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| Basic support | 1.0 | 1.0 (1.0)[1] 5.0 (5.0)[2] 17.0 (17.0)[3] |
(Yes) | 1.0 | 1.0 |
[1] Starting in Gecko 5.0 (Firefox 5.0 / Thunderbird 5.0 / SeaMonkey 2.2), empty maps are no longer skipped over in favor of non-empty ones when matching when in quirks mode. For example, consider the following HTML:
<map></map> <map> <area shape="rect" coords="25,25,75,75" href="#fail"> </map> <img usemap="#a" src="image.png">
[2] Prior to Gecko 5.0, the <img> element would have matched to the second, non-empty map. Now it matches against the first one, even though it's empty.
[3] From Firefox 17 the default styling of the <map> HTML element is display: inline; and no more display: block;. This matches the behavior of the other browsers and was already the case in quirks mode.
See Also
Specifications
| Specification | Status | Comment |
|---|---|---|
| WHATWG HTML Living Standard The definition of '<map>' in that specification. |
Living Standard | |
| HTML5 The definition of '<map>' in that specification. |
Recommendation | |
| HTML 4.01 Specification The definition of '<map>' in that specification. |
Recommendation | Initial definition |
License
© 2016 Mozilla Contributors
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-us/docs/web/html/element/map