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

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