<map>
Defines a client-side image map of clickable regions.
Baseline: Widely available · Media & embedded content
When to use it
Named via the name attribute and referenced from an img's usemap; contains area elements.
When not to
For complex interactive graphics, inline SVG with real links usually beats image maps today.
Key attributes
name- referenced by usemap='#name'
Example
<img src='/img/regions.png' alt='Sales regions' usemap='#regions' width='320' height='200'>
<map name='regions'>
<area shape='rect' coords='0,0,160,200' href='/west.html' alt='Western region'>
</map>