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. |