Open In App

HTML | rel attribute

Improve
Improve
Like Article
Like
Save
Share
Report

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: 
 

Example of HTML a rel Attribute 
 

html




<!DOCTYPE html>
<html>
 
<head>
    <title>HTML a rel Attribute</title>
</head>
 
<body>
     
 
<p>Welcome to
        <a rel="noopener"
        href="https://ide.geeksforgeeks.org/">
                GeeksforGeeks
            </a>
    </p>
 
  
</body>
 
</html>


Output: 
 

Example of HTML area rel Attribute 
 

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:

 

After click on specific clickable area:

Supported Browsers: The browsers supported by HTML rel Attribute are listed below 
 

  • Google Chrome 4.0
  • Firefox 4.0
  • Apple Safari 4.0
  • Opera 10.5
  • Internet Explorer/Edge

 



Last Updated : 13 Dec, 2021
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads