HTML: Attributes of rel

HTML | <a> rel Attribute

The “rel” attribute specifies the relationship between the current document and the linked document/content.

Only used if the “href” attribute is present.

 

Syntax: <a rel="value">

Search engines may also use the information in the “rel” attribute to determine how to index or display the page.

 

Value Description
alternate Provides a link to an alternate representation of the page (i.e. print page, translated or mirror)
author Provides a link to the author of the document
bookmark Permanent URL used for bookmarking
external Indicates that the referenced document is not part of the same site as the current document
help Provides a link to a help document
license Provides a link to licensing information for the document. (copyright information)
next Provides a link to the next document in the series
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 Requires that the browser should not send an HTTP referer header if the user follows the hyperlink
noopener Requires that any browsing context created by following the hyperlink must not have an opener browsing context
prev The previous document in a selection
search Links to a search tool for the document
tag A tag (keyword) for the current document

 

HTML | <link> rel Attribute

 

dns-prefetch instruct browser to download and cache a resource (link script / stylesheet / font )
modulepreload instruct browser to download, cache and comile a JS module script asap.
preconnect browser set up a connection when it retrieves something from a new third-party domain, when a site uses a font from Google Fonts, loads React from a CDN, or requests a JSON response from an API server, help speed up the initial connection.
prefetch specifies that the target resource should be preemptively cached. (use with <link>)
preload specifies that the target resource should be preemptively cached. (use with <link>)
prerender browser to load a URL and render it in an invisible tab, on clicks on a link, page render immediately.

Leave a Reply

Your email address will not be published. Required fields are marked *

Enter Captcha Here : *

Reload Image