Rel attribute in area tag, Use of rel attribute in area tag.

Use of rel attribute of area tag in HTML5.

Use of rel attribute of area tag in HTML5.

Rel attribute in area tag, Use of rel attribute in area tag.

In this tutorial, you will see the use of rel attribute of area tag and how to implement. The rel (relationship) attribute defines the relationship between current page and target document. Relations is a way to explain why we are pointing to another page.

Rel Attribute :

Attribute	Value	Description
	alternate	Indicates alternative version of link document.
rel	archives	Indicates that linked document describes a collection of document or historical data.
	author	Information about the author of the linked document.
	bookmark	provides a permanent link to a document.
	external	indicates that the linked document is not a part of the current site.
	feed	Links to a feed channel for the document or the web site.
	first	Indicates that linked document is first page of a series.
	help	Indicates that linked document is help document
	index	Indicates that linked document is index document.
	last	Indicates that linked document is last page of a series.
	license	Links to a document that describes the license information of current document.
	next	Links to a next document in a series.
	nofollow	Indicates that the link is not justified by the author of the document.
	noreferrer	Indicates that the browser should not send a HTTP referrer header if the user follows this link.
	prev	Indicates that linked document is previous page of a series.
	search	Indicates that the linked document provides an interface for searching the document.
	sidebar	Indicates that the linked document should be display in current browser's sidebar.
	tag	Indicates that the tag present on links document applies on the current document.
	up	Links to a higher level document in the hierarchy.

Declaration Syntax :

Declaration syntax of rel attribute in area tag.

<area href="value" rel="value">Text Area</area>

Example of rel attribute:

Code:

areatag_relattribute.html

<!DOCTYPE html>

<html>

<head>

<title>Write title of document.</title>

</head>

<body>

<p>rel attribute of area tag in HTML5.</p>

 <img src="comp.gif" width="350" 

      
  height="299" usemap="#computermap" />

  <map name="computermap">

   <abbr title="do not follow link">

   <area coords="16, 78, 123, 242" rel="nofllow"

      href="http://www.google.co.in/" />

   </abbr> 

   <abbr title="this is alternate link">

   <area coords="138, 90, 303, 239" rel="alternate"

   href="RelAttributeHtml.html"
  hreflang="en"/></abbr>

   <abbr title="this is link to the next image">

    <area coords="70, 244, 324, 290" rel="next" 

     href="keyboard.bmp"/>

    
</abbr>

   
</map>

   
</body> 

</html>

Output:
To see the output click the image given below and then click the image on browser.

Note: See the browser compatible page for successfully rendering the program.

Download This Example:

Ads