The <map>
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 |
This element includes the global attributes.
name
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 the name
attribute must not be a compatibility-caseless match for the value of the name
attribute of another <map>
element in the same document. If the id
attribute is also specified, both attributes must have the same value.<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://placehold.it/350x150" alt="350 x 150 pic">
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
Specification | Status | Comment |
---|---|---|
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 |
Desktop | ||||||
---|---|---|---|---|---|---|
map |
1 | 12 | 1
|
Yes | Yes | 1 |
name |
1 | 12 | 1 | Yes | Yes | 1 |
Mobile | ||||||
---|---|---|---|---|---|---|
map |
1 | 18 | 4 | Yes | Yes | 1.0 |
name |
1 | 18 | 4 | Yes | Yes | 1.0 |
© 2005–2020 Mozilla and individual contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/map