Open In App

HTML | <area> rel Attribute

Last Updated : 20 Jul, 2022
Improve
Improve
Like Article
Like
Save
Share
Report

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 mirror.
  • author: It defines the author of the document.
  • bookmark: It specify a related document.
  • help: It specifies a help document.
  • license: It defines copyright information for the document.
  • next: It defines the next document in a selection.
  • nofollow: It is used by Google, to specify that the Google search spider should not follow that link and mostly used for paid links.
  • noreferrer: It is used to specify that the browser should not send an HTTP referrer header if the user follows the hyperlink.
  • prefetch: It specifies that the target document should be cached.
  • prev: It specifies the previous document in a selection.
  • search: It specifies the search tool for the document.
  • tag: It specifies a tag keyword for the current document.

Note: The <area> rel attribute is new in HTML 5.

Example:  

HTML




<!DOCTYPE html>
<html>
 
<head>
    <title>
        HTML area rel Attribute
    </title>
</head>
 
<body style="text-align:center;">
    <img src=
        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"
            alt="Triangle" rel="alternate">
         
        <area shape="circle" coords="155, 56, 26"
            alt="Circle" rel="alternate">
         
        <area shape="rect" coords="224, 30, 276, 82"
            alt="Square" rel="alternate">
    </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 HTML <area> rel Attribute are listed below:  

  • Google Chrome
  • Edge 12 and above
  • Internet Explorer
  • Firefox
  • Safari
  • Opera

 



Similar Reads

How to use the target attribute and the rel attribute in the &lt;a&gt; Tag ?
The target and rel attributes in the &lt;a&gt; (anchor) tag is used to control the behaviour of hyperlinks, specifying how the linked content should be opened and establishing relationships between the current and linked documents. Here's how to use these attributes: target Attribute:The target attribute determines where the linked content will be
2 min read
HTML | &lt;a&gt; rel Attribute
The rel attribute is used to specify the relationship between the current and the linked document. It is used only when the href attribute is present. Syntax: &lt;a rel="value"&gt; Attribute Values: alternate: It defines an alternate version of the document i.e. print page, translated, or mirror.author: It defines the author of the document.bookmar
1 min read
HTML | rel attribute
The rel attribute is used to specify the relationship between the current and the linked document. It is used only when href attribute present.Supported tags: The rel attribute is applied to the following elements: a: relarea: rellink: relform: rel Example of HTML a rel Attribute C/C++ Code &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title
1 min read
HTML &lt;form&gt; rel Attribute
The HTML &lt;form&gt; rel attribute is used to define the relationship between the current document and the linked document. The "rel" stands for relationship. It denotes that, we connect an external CSS with the HTML page. Syntax: &lt;form rel="value"&gt; Attribute values: external: It specifies that the external document is not a part of current
2 min read
What is use of rel Attribute in HTML ?
The "rel" attribute in HTML is used to define the relationship between the current document and the linked document or resource specified by the &lt;a&gt; (anchor) tag or the &lt;link&gt; tag. It provides additional context or metadata about the linked resource, aiding in navigation, search engine optimization, and accessibility. Syntax&lt;a href="
1 min read
HTML link rel Attribute
The HTML &lt;link&gt; rel attribute is a key component in defining the relationship between the current document and the linked document or resource. It is used only when the href attribute is present. Syntax:   &lt;link rel="value"&gt;Attribute Values: AttributeDescriptionalternateSpecifies an alternative link of the document, such as a print page
2 min read
HTML | DOM Link rel Property
The HTML | DOM Link rel Property in HTML DOM is used to set or return the value of the rel attribute of a linked document. The rel attribute is used to specify the relation between the current document and the linked document. Syntax: It returns the rel property.linkObject.relIt is used to set the rel property.linkObject.rel = relationship Property
3 min read
HTML DOM Anchor rel Property
The Anchor rel Property in HTML DOM is used to set or return the value of the rel attribute of a link. The rel attribute is used to specify the relation between the current document and the linked document. Syntax: It returns the Anchor rel property. anchorObject.relIt is used to set the Anchor rel property. anchorObject.rel = "value"Property Value
2 min read
HTML | &lt;area&gt; target Attribute
The HTML &lt;area&gt; target Attribute is used to specify where to open the linked document. It works only when href attribute is present in the area elements. Syntax: &lt;area target="_blank|_self|_parent|_top|framename"&gt; Attribute Values: _blank: It opens the link in a new window._self: It is the default value. It opens the linked document in
1 min read
HTML | &lt;area&gt; download Attribute
The &lt;area&gt; download attribute is used to download the target content when user clicks on the hyperlink. It is used only when the href attribute is set. The name of the downloaded file will be the value of the attribute. The browser automatically detects the correct file extension and add it to the file. If the value is deleted, then the origi
1 min read