HTML | <area> href Attribute
The <area> href attribute is used to specify the URL of the target page. When the href attribute is not present in the <area> an element that it will not be a hyperlink.
Syntax:
<area href="URL">
Attribute Value:
- absolute URL: It points to another website.
- relative URL: It points to a file within a website.
- anchor URL: It points to an anchor within a page.
Example:
html
<!DOCTYPE html> < html > < head > < title > HTML area href Attribute </ title > </ head > < body style = "text-align:center;" > < img src = "https://media.w3wiki.net/wp-content/uploads/20190227165729/area11.png" alt = "alt_attribute" 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" > < area shape = "circle" coords = "155, 56, 26" href = "https://media.w3wiki.net/wp-content/uploads/20190227165934/area3.png" alt = "Circle" > < area shape = "rect" coords = "224, 30, 276, 82" href = "https://media.w3wiki.net/wp-content/uploads/20190227170021/area4.png" alt = "Square" > </ map > </ body > </ html > |
Output:
- Before click on specific clickable area:
- After click on specific clickable area:
Supported Browsers: The browser supported by <area> href attribute are listed below:
- Google Chrome
- Edge 12 and above
- Internet Explorer
- Firefox 1 and above
- Safari
- Opera