<area> tag in HTML
The <area> tag is always nested inside a <map> tag. The <area> tag defines the clickable areas or active areas inside the image-map which are associated with the hyperlinks.
Important Description
- An image-map is an image with clickable areas
- Open tag required and End tag forbidden.
- Inside an image map different areas can be hyperlinked to various locations using multiple <area> elements in a single <map> element.
- In XHTML the <area> tag must be properly closed.
Example of <area> tag
<area> Tag Browser Support
| Element |
Chrome |
Edge |
Firefox |
Safari |
Opera |
| <area> |
Yes |
Yes |
Yes |
Yes |
Yes |
Global Attributes
Event Attributes
Attributes
| Attribute |
Value |
Description |
| alt |
text |
Specifies an alternate text for the area. |
| href |
URL |
Specifies the hyperlink target for the area |
| hreflang |
language_code |
Specifies the language of the target URL |
| download |
filename |
The target will be downloaded when a user clicks on the hyperlink |
| media |
media_query |
Specifies what media/device the target URL is optimized for |
| coords |
coordinates |
Specifies the coordinates of the area |
| shape |
default
rect
circle
poly |
Specifies the shape of the area |
| target |
_blank
_parent
_self
_top
framename |
Specifies where to open the target URL |
| type |
media_type |
Specifies the media type of the target URL |
| rel |
alternate
author
bookmark
help
Iicense
next
nofollow
noreferrer
prefetch
prev
search
tag |
Specifies the relationship between the current document and the target URL |