HTML rel Attribute
Definition and Usage
The rel attribute specifies the relationship between the current document and the linked document/resource.
Applies to
The rel attribute can be used on the following elements:
| Elements | Attribute |
|---|---|
| <a> | rel |
| <area> | rel |
| <link> | rel |
| <form> | rel |
Examples
A Example
A link with a rel attribute:
<a rel="nofollow" href="https://www.w3schools.com/">W3Schools.com</a>
Try it Yourself »
Area Example
An image map, with a clickable area:
<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap">
<map name="planetmap">
<area shape="rect" coords="0,0,82,126" alt="Sun"
href="sun.htm" rel="alternate">
</map>
Try it Yourself »
Link Example
An external stylesheet:
<link rel="stylesheet" type="text/css" href="theme.css">
Try it Yourself »
Browser Support
The rel attribute has the following browser support for each element:
| Element | |||||
|---|---|---|---|---|---|
| a | Yes | Yes | Yes | Yes | Yes |
| area | Yes | Yes | Yes | Yes | Yes |
| form | Yes | Yes | Yes | Yes | Yes |
| link | Yes | Yes | Yes | Yes | Yes |
