HTML | <area> type Attribute
The <area> type attribute is used to specify the Internet media type of the linked document. It is used only when href attribute is set.
Syntax:
<area type="media_type">
Note: This attribute is not supported in HTML5.
Attribute Values: It contains single value media_type which is used to specify the Internet media type of the embedded file.
Example:
html
<!DOCTYPE html> < html > < head > < title > HTML area type Attribute </ title > </ head > < body style = "text-align:center;" > < img src = "https://media.w3wiki.net/wp-content/uploads/20190227165729/area11.png" alt = "" width = "300" height = "119" class = "aligncenter" usemap = "#shapemap" /> < map name = "shapemap" > <!-- area tag contained image. --> < area shape = "poly" coords = "59, 31, 28, 83, 91, 83" href = "https://media.w3wiki.net/wp-content/uploads/20190227165802/area2.png" alt = "Triangle" type = "image/png" > < area shape = "circle" coords = "155, 56, 26" href = "https://media.w3wiki.net/wp-content/uploads/20190227165934/area3.png" alt = "Circle" type = "image/png" > < area shape = "rect" coords = "224, 30, 276, 82" href = "https://media.w3wiki.net/wp-content/uploads/20190227170021/area4.png" alt = "Square" type = "image/png" > </ map > </ body > </ html > |
Output:
- Before click on specific clickable area:
- After click on specific clickable area:
Supported Browsers: The browser supported by HTML <area> type attribute are listed below:
- Google Chrome
- Internet Explorer
- Firefox
- Safari
- Opera