Image mapsBaseline · Widely available
The <area> and <map> elements define a clickable area on an image.
Supported in all major browsers for at least 30 months — safe to use without fallbacks. Baseline since Jul 29, 2015. Widely available since Jan 29, 2018.
Browser support
DesktopChrome
1+Supportedsince Dec 11, 2008
Current: 155Edge
12+Supportedsince Jul 29, 2015
Current: 154Firefox
1+Supportedsince Nov 9, 2004
Current: 157Safari
1+Supportedsince Jun 23, 2003
Current: 27MobileChrome Android
18+Supportedsince Jun 27, 2012
Current: 155Firefox Android
4+Supportedsince Mar 29, 2011
Current: 157Safari iOS
1+Supportedsince Jun 29, 2007
Current: 27How to use
This feature is Baseline widely available — use it freely, no fallback needed.
Example
Full syntax and examples are on MDN: HTMLAreaElement.
Feature detection
JS · check before using
if ("HTMLImageElement" in globalThis && "isMap" in HTMLImageElement.prototype) {
// HTMLImageElement.isMap is available
}Documentation (MDN)
Specification
Sub-features
Support for each part of the feature (38). The overall table above shows when the whole feature works.
| Sub-feature | Chrome | Edge | Firefox | Safari | Chrome Android | Firefox Android | Safari iOS |
|---|---|---|---|---|---|---|---|
| HTMLAreaElement | 1 | 12 | 1 | 1 | 18 | 4 | 1 |
| HTMLAreaElement.alt | 1 | 12 | 1 | 1 | 18 | 4 | 1 |
| HTMLAreaElement.coords | 1 | 12 | 1 | 1 | 18 | 4 | 1 |
| HTMLAreaElement.hash | 1 | 12 | 1 | 1 | 18 | 4 | 1 |
| HTMLAreaElement.host | 1 | 12 | 1 | 1 | 18 | 4 | 1 |
| HTMLAreaElement.hostname | 1 | 12 | 1 | 1 | 18 | 4 | 1 |
| HTMLAreaElement.href | 1 | 12 | 1 | 1 | 18 | 4 | 1 |
| HTMLAreaElement.origin | 32 | 17 | 26 | 10 | 32 | 26 | 10 |
| HTMLAreaElement.password | 32 | 79 | 26 | 10 | 32 | 26 | 10 |
| HTMLAreaElement.pathname | 1 | 12 | 1 | 1 | 18 | 4 | 1 |
| HTMLAreaElement.port | 1 | 12 | 1 | 1 | 18 | 4 | 1 |
| HTMLAreaElement.protocol | 1 | 12 | 1 | 1 | 18 | 4 | 1 |
| HTMLAreaElement.rel | 54 | 12 | 30 | 9 | 54 | 30 | 9 |
| HTMLAreaElement.relList | 65 | 18 | 30 | 9 | 65 | 30 | 9 |
| HTMLAreaElement.search | 1 | 12 | 1 | 1 | 18 | 4 | 1 |
| HTMLAreaElement.shape | 1 | 12 | 1 | 1 | 18 | 4 | 1 |
| HTMLAreaElement.target | 1 | 12 | 1 | 1 | 18 | 4 | 1 |
| HTMLAreaElement.toString | 32 | 12 | 22 | 10.1 | 32 | 22 | 10.3 |
| HTMLAreaElement.username | 32 | 79 | 26 | 10 | 32 | 26 | 10 |
| HTMLImageElement.isMap | 1 | 12 | 1 | 3 | 18 | 4 | 1 |
Show 18 more
| Sub-feature | Chrome | Edge | Firefox | Safari | Chrome Android | Firefox Android | Safari iOS |
|---|---|---|---|---|---|---|---|
| HTMLImageElement.useMap | 1 | 12 | 1 | 3 | 18 | 4 | 1 |
| HTMLMapElement | 1 | 12 | 1 | 3 | 18 | 4 | 1 |
| HTMLMapElement.areas | 1 | 12 | 1 | 3 | 18 | 4 | 1 |
| HTMLMapElement.name | 1 | 12 | 1 | 3 | 18 | 4 | 1 |
| area | 1 | 12 | 1 | 1 | 18 | 4 | 1 |
| area.alt | 1 | 12 | 1 | 1 | 18 | 4 | 1 |
| area.coords | 1 | 12 | 1 | 1 | 18 | 4 | 1 |
| area.href | 1 | 12 | 1 | 1 | 18 | 4 | 1 |
| area.implicit_noopener | 88 | 88 | 79 | 12.1 | 88 | 79 | 12.2 |
| area.rel | 16 | 12 | 30 | 5 | 18 | 30 | 4.2 |
| area.rel.noopener | 49 | 79 | 52 | 10.1 | 49 | 52 | 10.3 |
| area.rel.noreferrer | 16 | 13 | 33 | 5 | 18 | 33 | 4.2 |
| area.shape | 1 | 12 | 1 | 1 | 18 | 4 | 1 |
| area.target | 1 | 12 | 1 | 1 | 18 | 4 | 1 |
| img.ismap | 1 | 12 | 1 | 3 | 18 | 4 | 2 |
| img.usemap | 1 | 12 | 1 | 3 | 18 | 4 | 2 |
| map | 1 | 12 | 1 | 1 | 18 | 4 | 1 |
| map.name | 1 | 12 | 1 | 1 | 18 | 4 | 1 |