How to add HTML <area> rel Attribute
Use the rel attribute to specify the relationship between the current document and the linked document:
Definition and Usage
The rel attribute specifies the relationship between the current document and the linked document.
Only used if the href attribute is present.
Browser Support
Syntax
<area rel="value">
Attribute Values
| Value | Description |
|---|---|
| alternate | Links to an alternate version of the document (i.e. print page, translated or mirror) |
| author | Links to the author of the document |
| bookmark | Permanent URL used for bookmarking |
| help | Links to a help document |
| license | Links to copyright information for the document |
| next | The next document in a selection |
| nofollow | Links to an unendorsed document, like a paid link. ("nofollow" is used by Google, to specify that the Google search spider should not follow that link) |
| noreferrer | Specifies that the browser should not send a HTTP referer header if the user follows the hyperlink |
| prefetch | Specifies that the target document should be cached |
| prev | The previous document in a selection |
| search | Links to a search tool for the document |
| tag | A tag (keyword) for the current document |
index.html
Example:
HTML
<!DOCTYPE html>
<html>
<body>
<h1>The area rel attribute</h1>
<p>Click on the sun to watch it closer:</p>
<img src="https://horje.com/avatar.png" width="145" height="126" alt="Planets" usemap="#planetmap">
<map name="planetmap">
<area shape="rect" coords="0,0,82,126" alt="Sun" href="https://horje.com" rel="alternate">
</map>
</body>
</html>
Output should be:
Type: | Html |
Category: | Web Tutorial |
Sub Category: | HTML Tag |
Uploaded by: | Admin |