Description
HTML element <area> is used to define a portion of an image, based on a shape or coordinates, and associate a hyperlink.
This tag is used within the image map element <map> which is used to define multiple hyperlinks at different locations on the same image.
The below table summarizes its usage.
| Usage Details | |
| Placement | It is a child of <map> element. |
| Contents | It is an empty element, so it does not contain any contents. |
| Tags | Only an opening tag is required. |
| Versions | HTML 2, 3.2, 4, 4.01 and 5 |
Syntax
<area alt="text">Examples
<img src="/assets/images/objects.png" alt="Objects" usemap="#objects">
<map name="objects">
<area shape="circle" coords="137,231,71" href="https://randomcodez.com/about" alt="About">
<area shape="rect" coords="520,160,641,302" href="https://randomcodez.com/terms" alt="Terms">
<area shape="poly" coords="363,146,273,302,452,300" href="https://randomcodez.com/privacy" alt="Privacy">
</map>Attributes
The following table shows the list of supported and unsupported attributes for the <abbr> tag.
| Attribute Type | Details |
| Tag-Specific Attributes | The tag <area> has some tag-specific attributes listed in the below table. |
| Global Attributes | Like all other HTML tags, the tag <area> supports the HTML Global Attributes. |
| Event Attributes | The tag <area> also supports the HTML Event Attributes. |
Browser Compatibility
The tag <area> is supported in all modern browsers.
- Google Chrome 1+
- Internet Explorer or Edge 2+
- Firefox 1+
- Apple Safari 1+
- Opera 4+