HTML | <area> href Attribute

HTML | <area> href Attribute

Last Updated : 20 Jul, 2022

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.geeksforgeeks.org/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.geeksforgeeks.org/wp-content/uploads/20190227165802/area2.png"
        alt="Triangle"> 
        
        <area shape="circle" coords="155, 56, 26" href=
"https://media.geeksforgeeks.org/wp-content/uploads/20190227165934/area3.png"
        alt="Circle"> 
        
        <area shape="rect" coords="224, 30, 276, 82" href=
"https://media.geeksforgeeks.org/wp-content/uploads/20190227170021/area4.png"
        alt="Square"> 
    </map> 
</body> 

</html>

Output:

Before click on specific clickable area:

alt_attribute

After click on specific clickable area:

alt_attribute

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

HTML | <area> href Attribute

J

jit_t

Improve

Article Tags :

Similar Reads

HTML <a> href Attribute

The HTML <a> href attribute is used to specify the URL of the page that the link points to. When the href attribute is not present in the <a> element, it will not function as a hyperlink. This attribute is essential for creating links to any address and is used in conjunction with the

HTML <area> hreflang Attribute

HTML <area> hreflang attribute is used to specify the language of the target URL in the given area. It is used only when the href attribute is set. Syntax:Â <area hreflang="language_code">Attribute Values: Value Description language_code which is the two-letter language code and used to

HTML | <area> rel Attribute

The <area> rel attribute is used to specify the relationship between the current and the linked document. It is used only when href attribute present. Syntax: <area rel="value"> Attribute Values: alternate: It defines an alternate version of the document i.e. print page, translated or mi

HTML | <area> alt Attribute

The <area> alt attribute is used to specify the alternative text for an image when the image attribute is not displayed. It gives alternative information for the user when the image is not loaded to display.Syntax: <area alt="text"> Attribute Values: It contains single value text which i

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