path: root/devdocs/html/attributes%2Frel.html

<header><h1>HTML attribute: rel</h1></header><div class="section-content">
<p>The <code>rel</code> attribute defines the relationship between a linked resource and the current document. Valid on <a href="../element/link"><code>&lt;link&gt;</code></a>, <a href="../element/a"><code>&lt;a&gt;</code></a>, <a href="../element/area"><code>&lt;area&gt;</code></a>, and <a href="../element/form"><code>&lt;form&gt;</code></a>, the supported values depend on the element on which the attribute is found.</p> <p>The type of relationships is given by the value of the <code>rel</code> attribute, which, if present, must have a value that is an unordered set of unique space-separated keywords. Differently from a <code>class</code> name, which does not express semantics, the <code>rel</code> attribute must express tokens that are semantically valid for both machines and humans. The current registries for the possible values of the <code>rel</code> attribute are the <a href="https://www.iana.org/assignments/link-relations/link-relations.xhtml" target="_blank">IANA link relation registry</a>, the <a href="https://html.spec.whatwg.org/multipage/links.html#linkTypes" target="_blank">HTML Living Standard</a>, and the freely-editable <a href="https://microformats.org/wiki/existing-rel-values" target="_blank">existing-rel-values page</a> in the microformats wiki, <a href="https://html.spec.whatwg.org/multipage/links.html#other-link-types" target="_blank">as suggested</a> by the Living Standard. If a <code>rel</code> attribute not present in one of the three sources above is used some HTML validators (such as the <a href="https://validator.w3.org/" target="_blank">W3C Markup Validation Service</a>) will generate a warning.</p> <p>The following table lists some of the most important existing keywords. Every keyword within a space-separated value should be unique within that value.</p> <figure class="table-container"><div class="_table"><table> <thead> <tr> <th>
<code>rel</code> value</th> <th>Description</th> <th><a href="../element/link"><code>&lt;link&gt;</code></a></th> <th>
<a href="../element/a"><code>&lt;a&gt;</code></a> and <a href="../element/area"><code>&lt;area&gt;</code></a>
</th> <th><a href="../element/form"><code>&lt;form&gt;</code></a></th> </tr> </thead> <tbody> <tr> <td><a href="#alternate"><code>alternate</code></a></td> <td>Alternate representations of the current document.</td> <td>Link</td> <td>Link</td> <td>Not allowed</td> </tr> <tr> <td><a href="#author"><code>author</code></a></td> <td>Author of the current document or article.</td> <td>Link</td> <td>Link</td> <td>Not allowed</td> </tr> <tr> <td><a href="#bookmark"><code>bookmark</code></a></td> <td>Permalink for the nearest ancestor section.</td> <td>Not allowed</td> <td>Link</td> <td>Not allowed</td> </tr> <tr> <td><a href="#canonical"><code>canonical</code></a></td> <td>Preferred URL for the current document.</td> <td>Link</td> <td>Not allowed</td> <td>Not allowed</td> </tr> <tr> <td><a href="rel/dns-prefetch"><code>dns-prefetch</code></a></td> <td>Tells the browser to preemptively perform DNS resolution for the target resource's origin.</td> <td>External Resource</td> <td>Not allowed</td> <td>Not allowed</td> </tr> <tr> <td><a href="#external"><code>external</code></a></td> <td>The referenced document is not part of the same site as the current document.</td> <td>Not allowed</td> <td>Annotation</td> <td>Annotation</td> </tr> <tr> <td><a href="#help"><code>help</code></a></td> <td>Link to context-sensitive help.</td> <td>Link</td> <td>Link</td> <td>Link</td> </tr> <tr> <td><a href="#icon"><code>icon</code></a></td> <td>An icon representing the current document.</td> <td>External Resource</td> <td>Not allowed</td> <td>Not allowed</td> </tr> <tr> <td><a href="#license"><code>license</code></a></td> <td>Indicates that the main content of the current document is covered by the copyright license. described by the referenced document.</td> <td>Link</td> <td>Link</td> <td>Link</td> </tr> <tr> <td><a href="rel/manifest"><code>manifest</code></a></td> <td>Web app manifest.</td> <td>Link</td> <td>Not allowed</td> <td>Not allowed</td> </tr> <tr> <td><a href="rel/me"><code>me</code></a></td> <td>Indicates that the current document represents the person who owns the linked content.</td> <td>Link</td> <td>Link</td> <td>Not allowed</td> </tr> <tr> <td><a href="rel/modulepreload"><code>modulepreload</code></a></td> <td>Tells to browser to preemptively fetch the script and store it in the document's module map for later evaluation. Optionally, the module's dependencies can be fetched as well.</td> <td>External Resource</td> <td>Not allowed</td> <td>Not allowed</td> </tr> <tr> <td><a href="#next"><code>next</code></a></td> <td>Indicates that the current document is a part of a series and that the next document in the series is the referenced document.</td> <td>Link</td> <td>Link</td> <td>Link</td> </tr> <tr> <td><a href="#nofollow"><code>nofollow</code></a></td> <td>Indicates that the current document's original author or publisher does not endorse the referenced document.</td> <td>Not allowed</td> <td>Annotation</td> <td>Annotation</td> </tr> <tr> <td><a href="rel/noopener"><code>noopener</code></a></td> <td>Creates a top-level browsing context that is not an auxiliary browsing context if the hyperlink would create either of those, to begin with (i.e., has an appropriate <code>target</code> attribute value).</td> <td>Not allowed</td> <td>Annotation</td> <td>Annotation</td> </tr> <tr> <td><a href="#noreferrer"><code>noreferrer</code></a></td> <td>No <code>Referer</code> header will be included. Additionally, has the same effect as <code>noopener</code>.</td> <td>Not allowed</td> <td>Annotation</td> <td>Annotation</td> </tr> <tr> <td><a href="#opener"><code>opener</code></a></td> <td>Creates an auxiliary browsing context if the hyperlink would otherwise create a top-level browsing context that is not an auxiliary browsing context (i.e., has "<code>_blank</code>" as <code>target</code> attribute value).</td> <td>Not allowed</td> <td>Annotation</td> <td>Annotation</td> </tr> <tr> <td><a href="#pingback"><code>pingback</code></a></td> <td>Gives the address of the pingback server that handles pingbacks to the current document.</td> <td>External Resource</td> <td>Not allowed</td> <td>Not allowed</td> </tr> <tr> <td><a href="rel/preconnect"><code>preconnect</code></a></td> <td>Specifies that the user agent should preemptively connect to the target resource's origin.</td> <td>External Resource</td> <td>Not allowed</td> <td>Not allowed</td> </tr> <tr> <td><a href="rel/prefetch"><code>prefetch</code></a></td> <td>Specifies that the user agent should preemptively fetch and cache the target resource as it is likely to be required for a followup navigation.</td> <td>External Resource</td> <td>Not allowed</td> <td>Not allowed</td> </tr> <tr> <td><a href="rel/preload"><code>preload</code></a></td> <td>Specifies that the user agent must preemptively fetch and cache the target resource for current navigation according to the potential destination given by the <a href="../element/link#as"><code>as</code></a> attribute (and the priority associated with the corresponding destination).</td> <td>External Resource</td> <td>Not allowed</td> <td>Not allowed</td> </tr> <tr> <td><a href="rel/prerender"><code>prerender</code></a></td> <td>Specifies that the user agent should preemptively fetch the target resource and process it in a way that helps deliver a faster response in the future.</td> <td>External Resource</td> <td>Not allowed</td> <td>Not allowed</td> </tr> <tr> <td><a href="#prev"><code>prev</code></a></td> <td>Indicates that the current document is a part of a series and that the previous document in the series is the referenced document.</td> <td>Link</td> <td>Link</td> <td>Link</td> </tr> <tr> <td><a href="#search"><code>search</code></a></td> <td>Gives a link to a resource that can be used to search through the current document and its related pages.</td> <td>Link</td> <td>Link</td> <td>Link</td> </tr> <tr> <td><a href="#stylesheet"><code>stylesheet</code></a></td> <td>Imports a style sheet.</td> <td>External Resource</td> <td>Not allowed</td> <td>Not allowed</td> </tr> <tr> <td><a href="#tag"><code>tag</code></a></td> <td>Gives a tag (identified by the given address) that applies to the current document.</td> <td>Not allowed</td> <td>Link</td> <td>Not allowed</td> </tr> </tbody> </table></div></figure> <p>The <code>rel</code> attribute is relevant to the <a href="../element/link"><code>&lt;link&gt;</code></a>, <a href="../element/a"><code>&lt;a&gt;</code></a>, <a href="../element/area"><code>&lt;area&gt;</code></a>, and <a href="../element/form"><code>&lt;form&gt;</code></a> elements, but some values only relevant to a subset of those elements. Like all HTML keyword attribute values, these values are case-insensitive.</p> <p>The <code>rel</code> attribute has no default value. If the attribute is omitted or if none of the values in the attribute are supported, then the document has no particular relationship with the destination resource other than there being a hyperlink between the two. In this case, on <a href="../element/link"><code>&lt;link&gt;</code></a> and <a href="../element/form"><code>&lt;form&gt;</code></a>, if the <code>rel</code> attribute is absent, has no keywords, or if not one or more of the space-separated keywords above, then the element does not create any links. <a href="../element/a"><code>&lt;a&gt;</code></a> and <a href="../element/area"><code>&lt;area&gt;</code></a> will still created links, but without a defined relationship.</p>
</div>
<h2 id="values">Values</h2>
<div class="section-content"><dl> <dt id="alternate"><a href="#alternate"><code>alternate</code></a></dt> <dd> <p>Indicates an alternate representation of the current document. Valid for <a href="../element/link"><code>&lt;link&gt;</code></a>, <a href="../element/a"><code>&lt;a&gt;</code></a>, and <a href="../element/area"><code>&lt;area&gt;</code></a>, the meaning depends on the values of the other attributes.</p> <ul> <li>With the <a href="#stylesheet"><code>stylesheet</code></a> keyword on a <code>&lt;link&gt;</code>, it creates an <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/Alternative_style_sheets">alternate stylesheet</a>. <div class="code-example">
<p class="example-header"><span class="language-name">html</span></p>
<pre data-signature="NueofBy35JP7hJ/L51T5doTDodhtHbtdA6AdwaNxMUo=" data-language="html"><span class="token comment">&lt;!-- a persistent style sheet --&gt;</span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>link</span> <span class="token attr-name">rel</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>stylesheet<span class="token punctuation">"</span></span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>default.css<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
<span class="token comment">&lt;!-- alternate style sheets --&gt;</span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>link</span>
  <span class="token attr-name">rel</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>alternate stylesheet<span class="token punctuation">"</span></span>
  <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>highcontrast.css<span class="token punctuation">"</span></span>
  <span class="token attr-name">title</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>High contrast<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
</pre>
</div> </li> <li>With an <a href="../element/link#hreflang"><code>hreflang</code></a> attribute that differs from the document language, it indicates a translation.</li> <li>With the <a href="../element/link#type"><code>type</code></a> attribute value of <code>"application/rss+xml"</code>or <code>"application/atom+xml"</code>, it creates a hyperlink referencing a syndication feed. <div class="code-example">
<p class="example-header"><span class="language-name">html</span></p>
<pre data-signature="kNf/pONEvjkGN5vHr5slx28Bi+Iyq/IQwC37wPrin6k=" data-language="html"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>link</span>
  <span class="token attr-name">rel</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>alternate<span class="token punctuation">"</span></span>
  <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>application/atom+xml<span class="token punctuation">"</span></span>
  <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>posts.xml<span class="token punctuation">"</span></span>
  <span class="token attr-name">title</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Blog<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
</pre>
</div> </li> <li>Otherwise, it creates a hyperlink referencing an alternate representation of the current document, whose nature is given by the <a href="../element/link#hreflang"><code>hreflang</code></a> and <a href="../element/link#type"><code>type</code></a> attributes. <ul> <li>If <code>hreflang</code> is given alongside <code>alternate</code>, and the value of <code>hreflang</code> is different from the current document's language, it indicates that the referenced document is a translation.</li> <li>If <code>type</code> is given alongside <code>alternate</code>, it indicates that the referenced document is an alternative format (such as a PDF).</li> <li>The <code>hreflang</code> and <code>type</code> attributes may both be given alongside <code>alternate</code>.</li> </ul> <div class="code-example">
<p class="example-header"><span class="language-name">html</span></p>
<pre data-signature="Brbb9n1cD/opGX1vGu+QNj0RKQ+dIrk+4vKJjBLiLoQ=" data-language="html"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>link</span>
  <span class="token attr-name">rel</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>alternate<span class="token punctuation">"</span></span>
  <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>/fr/html/print<span class="token punctuation">"</span></span>
  <span class="token attr-name">hreflang</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>fr<span class="token punctuation">"</span></span>
  <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>text/html<span class="token punctuation">"</span></span>
  <span class="token attr-name">media</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>print<span class="token punctuation">"</span></span>
  <span class="token attr-name">title</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>French HTML (for printing)<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>link</span>
  <span class="token attr-name">rel</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>alternate<span class="token punctuation">"</span></span>
  <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>/fr/pdf<span class="token punctuation">"</span></span>
  <span class="token attr-name">hreflang</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>fr<span class="token punctuation">"</span></span>
  <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>application/pdf<span class="token punctuation">"</span></span>
  <span class="token attr-name">title</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>French PDF<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
</pre>
</div> </li> </ul> </dd> <dt id="author"><a href="#author"><code>author</code></a></dt> <dd> <p>Indicates the referenced document provides further information about the author of the current document or article. Relevant for <a href="../element/link"><code>&lt;link&gt;</code></a>, <a href="../element/a"><code>&lt;a&gt;</code></a>, and <a href="../element/area"><code>&lt;area&gt;</code></a> elements.</p> <p>With <a href="../element/a"><code>&lt;a&gt;</code></a> and <a href="../element/area"><code>&lt;area&gt;</code></a>, it indicates the linked document (or <code>mailto:</code>) provides information about the author of the nearest <a href="../element/article"><code>&lt;article&gt;</code></a> ancestor if there is one, otherwise the entire document.</p> <p>With <a href="../element/link"><code>&lt;link&gt;</code></a>, it represents the author of the entire document.</p> <div class="notecard note" id="sect1"> <p><strong>Note:</strong> For historical reasons, the obsolete attribute value <code>rev="made"</code> is treated as <code>rel="author"</code>.</p> </div> </dd> <dt id="bookmark"><a href="#bookmark"><code>bookmark</code></a></dt> <dd> <p>Relevant as the <code>rel</code> attribute value for the <a href="../element/a"><code>&lt;a&gt;</code></a> and <a href="../element/area"><code>&lt;area&gt;</code></a> elements. Gives a permalink for the nearest ancestor <a href="../element/article"><code>&lt;article&gt;</code></a> element, if there is one. If there is no ancestor <code>&lt;article&gt;</code> element, gives a permalink for the section the linking element is most closely associated with.</p> </dd> <dt id="canonical"><a href="#canonical"><code>canonical</code></a></dt> <dd> <p>Valid for <a href="../element/link"><code>&lt;link&gt;</code></a>, it defines the preferred URL for the current document, which helps search engines reduce duplicate content.</p> </dd> <dt id="dns-prefetch"><a href="#dns-prefetch"><code>dns-prefetch</code></a></dt> <dd> <p>Relevant for the <a href="../element/link"><code>&lt;link&gt;</code></a> element both in the <a href="../element/body"><code>&lt;body&gt;</code></a> and <a href="../element/head"><code>&lt;head&gt;</code></a>, it tells the browser to preemptively perform DNS resolution for the target resource's origin. Useful for resources the user will likely need, it helps reduce latency and thereby improves performance when the user does access the resources as the browser preemptively performed DNS resolution for the origin of the specified resource. See <a href="https://developer.mozilla.org/en-US/docs/Web/Performance/dns-prefetch">dns-prefetch</a> described in <a href="https://w3c.github.io/resource-hints/" target="_blank">resource hints</a>.</p> </dd> <dt id="external"><a href="#external"><code>external</code></a></dt> <dd> <p>Relevant to <a href="../element/form"><code>&lt;form&gt;</code></a>, <a href="../element/a"><code>&lt;a&gt;</code></a>, and <a href="../element/area"><code>&lt;area&gt;</code></a>, it indicates the referenced document is not part of the current site. This can be used with attribute selectors to style external links in a way that indicates to the user that they will be leaving the current site.</p> </dd> <dt id="help"><a href="#help"><code>help</code></a></dt> <dd> <p>Relevant to <a href="../element/form"><code>&lt;form&gt;</code></a>, <a href="../element/link"><code>&lt;link&gt;</code></a>, <a href="../element/a"><code>&lt;a&gt;</code></a>, and <a href="../element/area"><code>&lt;area&gt;</code></a>, the <code>help</code> keyword indicates that the linked to content provides context-sensitive help, providing information for the parent of the element defining the hyperlink, and its children. When used within <code>&lt;link&gt;</code>, the help is for the whole document. When included with <a href="../element/a"><code>&lt;a&gt;</code></a> and <a href="../element/area"><code>&lt;area&gt;</code></a> and supported, the default <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/cursor"><code>cursor</code></a> will be <code>help</code> instead of <code>pointer</code>.</p> </dd> <dt id="icon"><a href="#icon"><code>icon</code></a></dt> <dd> <p>Valid with <a href="../element/link"><code>&lt;link&gt;</code></a>, the linked resource represents the icon, a resource for representing the page in the user interface, for the current document.</p> <p>The most common use for the <code>icon</code> value is the favicon:</p> <div class="code-example">
<p class="example-header"><span class="language-name">html</span></p>
<pre data-signature="bNWRQSgMJ5lvH4tEqJJoMKBlYGGEJbaC1RB6YHUh+EE=" data-language="html"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>link</span> <span class="token attr-name">rel</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>icon<span class="token punctuation">"</span></span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>favicon.ico<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
</pre>
</div> <p>If there are multiple <code>&lt;link rel="icon"&gt;</code>s, the browser uses their <a href="../element/link#media"><code>media</code></a>, <a href="../element/link#type"><code>type</code></a>, and <a href="../element/link#sizes"><code>sizes</code></a> attributes to select the most appropriate icon. If several icons are equally appropriate, the last one is used. If the most appropriate icon is later found to be inappropriate, for example because it uses an unsupported format, the browser proceeds to the next-most appropriate, and so on.</p> <div class="notecard note" id="sect2"> <p><strong>Note:</strong> The <a href="crossorigin"><code>crossorigin</code></a> attribute is not supported for <code>rel="icon"</code> in Chromium-based browsers. See the <a href="https://crbug.com/1121645" target="_blank">open Chromium issue</a>.</p> </div> <div class="notecard note" id="sect3"> <p> <strong>Note:</strong> Apple's iOS does not use this link type, nor the <a href="../element/link#sizes"><code>sizes</code></a> attribute, like others mobile browsers do, to select a webpage icon for Web Clip or a start-up placeholder. Instead it uses the non-standard <a href="https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html#//apple_ref/doc/uid/TP40002051-CH3-SW4" target="_blank"><code>apple-touch-icon</code></a> and <a href="https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html#//apple_ref/doc/uid/TP40002051-CH3-SW6" target="_blank"><code>apple-touch-startup-image</code></a> respectively. </p> </div> <div class="notecard note" id="sect4"> <p><strong>Note:</strong> The <code>shortcut</code> link type is often seen before <code>icon</code>, but this link type is non-conforming, ignored and <strong>web authors must not use it anymore</strong>.</p> </div> </dd> <dt id="license"><a href="#license"><code>license</code></a></dt> <dd> <p>Valid on the <a href="../element/a"><code>&lt;a&gt;</code></a>, <a href="../element/area"><code>&lt;area&gt;</code></a>, <a href="../element/form"><code>&lt;form&gt;</code></a>, <a href="../element/link"><code>&lt;link&gt;</code></a> elements, the <code>license</code> value indicates that the hyperlink leads to a document describing the licensing information; that the main content of the current document is covered by the copyright license described by the referenced document. If not inside the <a href="../element/head"><code>&lt;head&gt;</code></a> element, the standard doesn't distinguish between a hyperlink applying to a specific part of the document or to the document as a whole. Only the data on the page can indicate this.</p> <div class="code-example">
<p class="example-header"><span class="language-name">html</span></p>
<pre data-signature="/O63utXt1yaBe1nXdLnhGgmKoJ8f+RczbV2Ov/nTxP0=" data-language="html"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>link</span> <span class="token attr-name">rel</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>license<span class="token punctuation">"</span></span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>#license<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
</pre>
</div> <div class="notecard note" id="sect5"> <p><strong>Note:</strong> Although recognized, the synonym <code>copyright</code> is incorrect and must be avoided.</p> </div> </dd> <dt id="manifest">
<a href="#manifest"><code>manifest</code></a> <abbr class="icon icon-experimental" title="Experimental. Expect behavior to change in the future."> <span class="visually-hidden">Experimental</span> </abbr>
</dt> <dd> <p><a href="https://developer.mozilla.org/en-US/docs/Web/Manifest">Web app manifest</a>. Requires the use of the CORS protocol for cross-origin fetching.</p> </dd> <dt id="modulepreload"><a href="#modulepreload"><code>modulepreload</code></a></dt> <dd> <p>Useful for improved performance, and relevant to the <a href="../element/link"><code>&lt;link&gt;</code></a> anywhere in the document, setting <code>rel="modulepreload"</code> tells the browser to preemptively fetch the script (and dependencies) and store it in the document's module map for later evaluation. <code>modulepreload</code> links can ensure network fetching is done with the module ready (but not evaluated) in the module map before it is necessarily needed. See also <a href="rel/modulepreload"><code>modulepreload</code></a>.</p> </dd> <dt id="next"><a href="#next"><code>next</code></a></dt> <dd> <p>Relevant to <a href="../element/form"><code>&lt;form&gt;</code></a>, <a href="../element/link"><code>&lt;link&gt;</code></a>, <a href="../element/a"><code>&lt;a&gt;</code></a>, and <a href="../element/area"><code>&lt;area&gt;</code></a>, the <code>next</code> values indicates that the current document is a part of a series, and that the next document in the series is the referenced document. When included in a <code>&lt;link&gt;</code>, browsers may assume that document will be fetched next, and treat it as a resource hint.</p> </dd> <dt id="nofollow"><a href="#nofollow"><code>nofollow</code></a></dt> <dd> <p>Relevant to <a href="../element/form"><code>&lt;form&gt;</code></a>, <a href="../element/a"><code>&lt;a&gt;</code></a>, and <a href="../element/area"><code>&lt;area&gt;</code></a>, the <code>nofollow</code> keyword tells search engine spiders to ignore the link relationship. The nofollow relationship may indicate the current document's owner does not endorse the referenced document. It is often included by Search Engine Optimizers pretending their link farms are not spam pages.</p> </dd> <dt id="noopener"><a href="#noopener"><code>noopener</code></a></dt> <dd> <p>Relevant to <a href="../element/form"><code>&lt;form&gt;</code></a>, <a href="../element/a"><code>&lt;a&gt;</code></a>, and <a href="../element/area"><code>&lt;area&gt;</code></a>, creates a top-level browsing context that is not an auxiliary browsing context if the hyperlink would create either of those to begin with (i.e., has an appropriate <code>target</code> attribute value). In other words, it makes the link behave as if <a href="https://developer.mozilla.org/en-US/docs/Web/API/Window/opener"><code>window.opener</code></a> were null and <code>target="_parent"</code> were set.</p> <p>This is the opposite of <a href="#opener"><code>opener</code></a>.</p> </dd> <dt id="noreferrer"><a href="#noreferrer"><code>noreferrer</code></a></dt> <dd> <p>Relevant to <a href="../element/form"><code>&lt;form&gt;</code></a>, <a href="../element/a"><code>&lt;a&gt;</code></a>, and <a href="../element/area"><code>&lt;area&gt;</code></a>, including this value makes the referrer unknown (no <code>Referer</code> header will be included), and creates a top-level browsing context as if <code>noopener</code> were also set.</p> </dd> <dt id="opener"><a href="#opener"><code>opener</code></a></dt> <dd> <p>Creates an auxiliary browsing context if the hyperlink would otherwise create a top-level browsing context that is not an auxiliary browsing context (i.e., has "<code>_blank</code>" as <code>target</code> attribute value). Effectively, the opposite of <a href="#noopener">noopener</a>.</p> </dd> <dt id="pingback"><a href="#pingback"><code>pingback</code></a></dt> <dd> <p>Gives the address of the pingback server that handles pingbacks to the current document. See the <a href="https://www.hixie.ch/specs/pingback/pingback" target="_blank">Pingback specification</a>.</p> </dd> <dt id="preconnect"><a href="#preconnect"><code>preconnect</code></a></dt> <dd> <p>Provides a hint to the browser suggesting that it open a connection to the linked website in advance, without disclosing any private information or downloading any content, so that when the link is followed the linked content can be fetched more quickly.</p> </dd> <dt id="prefetch"><a href="#prefetch"><code>prefetch</code></a></dt> <dd> <p> Specifies that the user agent should preemptively fetch and cache the target resource as it is likely to be required for a followup navigation. See <a href="https://developer.mozilla.org/en-US/docs/Glossary/Prefetch">prefetch</a> for more information. </p> </dd> <dt id="preload"><a href="#preload"><code>preload</code></a></dt> <dd> <p>Specifies that the user agent must preemptively fetch and cache the target resource for current navigation according to the potential destination given by the <a href="../element/link#as"><code>as</code></a> attribute (and the priority associated with the corresponding destination). See the page for the <a href="rel/preload"><code>preload</code></a> value.</p> </dd> <dt id="prerender">
<a href="#prerender"><code>prerender</code></a> <abbr class="icon icon-deprecated" title="Deprecated. Not for use in new websites."> <span class="visually-hidden">Deprecated</span> </abbr> <abbr class="icon icon-nonstandard" title="Non-standard. Check cross-browser support before using."> <span class="visually-hidden">Non-standard</span> </abbr>
</dt> <dd> <p>Specifies that the user agent should preemptively fetch the target resource and process it in a way that helps deliver a faster response in the future, for example by fetching its subresources or performing some rendering.</p> </dd> <dt id="prev"><a href="#prev"><code>prev</code></a></dt> <dd> <p>Similar to the <a href="#next"><code>next</code></a> keyword, relevant to <a href="../element/form"><code>&lt;form&gt;</code></a>, <a href="../element/link"><code>&lt;link&gt;</code></a>, <a href="../element/a"><code>&lt;a&gt;</code></a>, and <a href="../element/area"><code>&lt;area&gt;</code></a>, the <code>prev</code> values indicates that the current document is a part of a series, and that the link references a previous document in the series is the referenced document.</p> <p>Note: The synonym <code>previous</code> is incorrect and should not be used.</p> </dd> <dt id="search"><a href="#search"><code>search</code></a></dt> <dd> <p>Relevant to <a href="../element/form"><code>&lt;form&gt;</code></a>, <a href="../element/link"><code>&lt;link&gt;</code></a>, <a href="../element/a"><code>&lt;a&gt;</code></a>, and <a href="../element/area"><code>&lt;area&gt;</code></a> elements, the <code>search</code> keywords indicates that the hyperlink references a document whose interface is specially designed for searching in the current document, site, and related resources, providing a link to a resource that can be used to search.</p> <p>If the <a href="../element/link#type"><code>type</code></a> attribute is set to <code>application/opensearchdescription+xml</code> the resource is an <a href="https://developer.mozilla.org/en-US/docs/Web/OpenSearch">OpenSearch</a> plugin that can be easily added to the interface of Firefox.</p> </dd> <dt id="stylesheet"><a href="#stylesheet"><code>stylesheet</code></a></dt> <dd> <p>Valid for the <a href="../element/link"><code>&lt;link&gt;</code></a> element, it imports an external resource to be used as a stylesheet. The <a href="../element/link#type"><code>type</code></a> attribute is not needed as it's a <code>text/css</code> stylesheet, as that is the default value. If it's not a stylesheet of type <code>text/css</code> it is best to declare the type.</p> <p>While this attribute defines the link as being a stylesheet, the interaction with other attributes and other key terms within the rel value impact whether the stylesheet is downloaded and/or used.</p> <p>When used with the <a href="#alternate"><code>alternate</code></a> keyword, it defines an alternative style sheet. In this case, include a non-empty <a href="../element/link#title"><code>title</code></a>.</p> <p>The external stylesheet will not be used or even downloaded if the media does not match the value of the <a href="../element/link#media"><code>media</code></a> attribute.</p> <p>Requires the use of the CORS protocol for cross-origin fetching.</p> </dd> <dt id="tag"><a href="#tag"><code>tag</code></a></dt> <dd> <p>Valid for the <a href="../element/a"><code>&lt;a&gt;</code></a>, and <a href="../element/area"><code>&lt;area&gt;</code></a> elements, it gives a tag (identified by the given address) that applies to the current document. The tag value denotes that the link refers to a document describing a tag applying to the document on which it is located. This link type is not meant for tags within a tag cloud, as those tags apply to a group of pages, whereas the <code>tag</code> value of the <code>rel</code> attribute is for a single document.</p> </dd> </dl></div>
<h3 id="non-standard_values">Non-standard values</h3>
<div class="section-content"><dl> <dt id="apple-touch-icon"><a href="#apple-touch-icon"><code>apple-touch-icon</code></a></dt> <dd> <p>Specifies the icon for a web application on an iOS device.</p> </dd> </dl></div>
<h2 id="specifications">Specifications</h2>
<div class="_table"><table class="standard-table">
<thead><tr><th scope="col">Specification</th></tr></thead>
<tbody><tr><td><a href="https://html.spec.whatwg.org/multipage/links.html#linkTypes">HTML Standard <br><small># linkTypes</small></a></td></tr></tbody>
</table></div>
<h2 id="browser_compatibility">Browser compatibility</h2>
<div class="_table"><table>
<thead>
<tr id="bct-browser-type">
<th></th>
<th colspan="6">Desktop</th>
<th colspan="6">Mobile</th>
</tr>
<tr id="bct-browsers">
<th></th>
<th>Chrome</th>
<th>Edge</th>
<th>Firefox</th>
<th>Internet Explorer</th>
<th>Opera</th>
<th>Safari</th>
<th>WebView Android</th>
<th>Chrome Android</th>
<th>Firefox for Android</th>
<th>Opera Android</th>
<th>Safari on IOS</th>
<th>Samsung Internet</th>
</tr>
</thead>
<tbody>
<tr>
<th><code>rel</code></th>
<td class="bc-supports-yes">16</td>
<td class="bc-supports-yes">12</td>
<td class="bc-supports-yes">30</td>
<td class="bc-supports-yes">Yes</td>
<td class="bc-supports-yes">15</td>
<td class="bc-supports-yes">5</td>
<td class="bc-supports-yes">4.4</td>
<td class="bc-supports-yes">18</td>
<td class="bc-supports-yes">30</td>
<td class="bc-supports-yes">14</td>
<td class="bc-supports-yes">4.2</td>
<td class="bc-supports-yes">1.0</td>
</tr>
<tr>
<th><code>noopener</code></th>
<td class="bc-supports-yes">49</td>
<td class="bc-supports-yes">79</td>
<td class="bc-supports-yes"><details><summary>52</summary>Before Firefox 63, <code>rel="noopener"</code> created windows with all features disabled by default. Starting with Firefox 63, these windows have the same features enabled by default as any other window.</details></td>
<td class="bc-supports-no">No</td>
<td class="bc-supports-yes">36</td>
<td class="bc-supports-yes">10.1</td>
<td class="bc-supports-yes">49</td>
<td class="bc-supports-yes">49</td>
<td class="bc-supports-yes"><details><summary>52</summary>Before Firefox 63, <code>rel="noopener"</code> created windows with all features disabled by default. Starting with Firefox 63, these windows have the same features enabled by default as any other window.</details></td>
<td class="bc-supports-yes">36</td>
<td class="bc-supports-yes">10.3</td>
<td class="bc-supports-yes">5.0</td>
</tr>
<tr>
<th><code>noreferrer</code></th>
<td class="bc-supports-yes">16</td>
<td class="bc-supports-yes">13</td>
<td class="bc-supports-yes">33</td>
<td class="bc-supports-yes"><details><summary>11</summary>Only supported in IE11 in later versions of Windows 10 (creators update). (Per caniuse.com.)</details></td>
<td class="bc-supports-yes">15</td>
<td class="bc-supports-yes">5</td>
<td class="bc-supports-yes">4.4</td>
<td class="bc-supports-yes">18</td>
<td class="bc-supports-yes">33</td>
<td class="bc-supports-yes">14</td>
<td class="bc-supports-yes">4.2</td>
<td class="bc-supports-yes">1.5</td>
</tr>
</tbody>
</table></div>
<div class="_table"><table>
<thead>
<tr id="bct-browser-type">
<th></th>
<th colspan="6">Desktop</th>
<th colspan="6">Mobile</th>
</tr>
<tr id="bct-browsers">
<th></th>
<th>Chrome</th>
<th>Edge</th>
<th>Firefox</th>
<th>Internet Explorer</th>
<th>Opera</th>
<th>Safari</th>
<th>WebView Android</th>
<th>Chrome Android</th>
<th>Firefox for Android</th>
<th>Opera Android</th>
<th>Safari on IOS</th>
<th>Samsung Internet</th>
</tr>
</thead>
<tbody>
<tr>
<th><code>rel</code></th>
<td class="bc-supports-yes">1</td>
<td class="bc-supports-yes">12</td>
<td class="bc-supports-yes">1</td>
<td class="bc-supports-yes">Yes</td>
<td class="bc-supports-yes">15</td>
<td class="bc-supports-yes">1</td>
<td class="bc-supports-yes">4.4</td>
<td class="bc-supports-yes">18</td>
<td class="bc-supports-yes">4</td>
<td class="bc-supports-yes">14</td>
<td class="bc-supports-yes">1</td>
<td class="bc-supports-yes">1.0</td>
</tr>
<tr>
<th><code>noopener</code></th>
<td class="bc-supports-yes">49</td>
<td class="bc-supports-yes">79</td>
<td class="bc-supports-yes"><details><summary>52</summary>Before Firefox 63, <code>rel="noopener"</code> created windows with all features disabled by default. Starting with Firefox 63, these windows have the same features enabled by default as any other window.</details></td>
<td class="bc-supports-no">No</td>
<td class="bc-supports-yes">36</td>
<td class="bc-supports-yes">10.1</td>
<td class="bc-supports-yes">49</td>
<td class="bc-supports-yes">49</td>
<td class="bc-supports-yes"><details><summary>52</summary>Before Firefox 63, <code>rel="noopener"</code> created windows with all features disabled by default. Starting with Firefox 63, these windows have the same features enabled by default as any other window.</details></td>
<td class="bc-supports-yes">36</td>
<td class="bc-supports-yes">10.3</td>
<td class="bc-supports-yes">5.0</td>
</tr>
<tr>
<th><code>noreferrer</code></th>
<td class="bc-supports-yes">16</td>
<td class="bc-supports-yes">13</td>
<td class="bc-supports-yes">33</td>
<td class="bc-supports-yes"><details><summary>11</summary>Only supported in IE11 in later versions of Windows 10 (creators update). (Per caniuse.com.)</details></td>
<td class="bc-supports-yes">15</td>
<td class="bc-supports-yes">5</td>
<td class="bc-supports-yes">4.4</td>
<td class="bc-supports-yes">18</td>
<td class="bc-supports-yes">33</td>
<td class="bc-supports-yes">14</td>
<td class="bc-supports-yes">4.2</td>
<td class="bc-supports-yes">1.5</td>
</tr>
</tbody>
</table></div>
<div class="_table"><table>
<thead>
<tr id="bct-browser-type">
<th></th>
<th colspan="6">Desktop</th>
<th colspan="6">Mobile</th>
</tr>
<tr id="bct-browsers">
<th></th>
<th>Chrome</th>
<th>Edge</th>
<th>Firefox</th>
<th>Internet Explorer</th>
<th>Opera</th>
<th>Safari</th>
<th>WebView Android</th>
<th>Chrome Android</th>
<th>Firefox for Android</th>
<th>Opera Android</th>
<th>Safari on IOS</th>
<th>Samsung Internet</th>
</tr>
</thead>
<tbody>
<tr>
<th><code>rel</code></th>
<td class="bc-supports-yes">1</td>
<td class="bc-supports-yes">12</td>
<td class="bc-supports-yes">1</td>
<td class="bc-supports-yes">Yes</td>
<td class="bc-supports-yes">9</td>
<td class="bc-supports-yes">1</td>
<td class="bc-supports-yes">4.4</td>
<td class="bc-supports-yes">18</td>
<td class="bc-supports-yes">4</td>
<td class="bc-supports-yes">10.1</td>
<td class="bc-supports-yes">1</td>
<td class="bc-supports-yes">1.0</td>
</tr>
<tr>
<th><code>alternate_stylesheet</code></th>
<td class="bc-supports-no">1–48</td>
<td class="bc-supports-no">No</td>
<td class="bc-supports-yes">3</td>
<td class="bc-supports-yes">8</td>
<td class="bc-supports-no">15–35</td>
<td class="bc-supports-no">No</td>
<td class="bc-supports-no">4.4–48</td>
<td class="bc-supports-no">18–48</td>
<td class="bc-supports-yes">4</td>
<td class="bc-supports-no">14–35</td>
<td class="bc-supports-no">No</td>
<td class="bc-supports-no">1.0–5.0</td>
</tr>
<tr>
<th><code>dns-prefetch</code></th>
<td class="bc-supports-yes">46</td>
<td class="bc-supports-yes">≤79</td>
<td class="bc-supports-yes">3</td>
<td class="bc-supports-no">No</td>
<td class="bc-supports-yes">33</td>
<td class="bc-supports-no">No</td>
<td class="bc-supports-yes">46</td>
<td class="bc-supports-yes">Yes</td>
<td class="bc-supports-yes">4</td>
<td class="bc-supports-no">No</td>
<td class="bc-supports-no">No</td>
<td class="bc-supports-yes">Yes</td>
</tr>
<tr>
<th><code>icon</code></th>
<td class="bc-supports-yes"><details><summary>4</summary>If both ICO and PNG are available, will use ICO over PNG if ICO has better matching sizes set. (Per caniuse.com.).</details></td>
<td class="bc-supports-yes"><details><summary>12</summary>In version 79 and later (Blink-based Edge), if both ICO and PNG are available, will use ICO over PNG if ICO has better matching sizes set. (Per caniuse.com.)</details></td>
<td class="bc-supports-yes"><details><summary>2</summary>Before Firefox 83, the <code>crossorigin</code> attribute is not supported for <code>rel="icon"</code>.</details></td>
<td class="bc-supports-yes">11</td>
<td class="bc-supports-yes"><details><summary>9</summary>In version 15 and later (Blink-based Opera), if both ICO and PNG are available, will use ICO over PNG if ICO has better matching sizes set. (Per caniuse.com.)</details></td>
<td class="bc-supports-yes"><details><summary>3.1</summary>If both ICO and PNG are available, will ALWAYS use ICO file, regardless of sizes set. (Per caniuse.com.)</details></td>
<td class="bc-supports-yes">38</td>
<td class="bc-supports-yes">18</td>
<td class="bc-supports-yes">4</td>
<td class="bc-supports-no">No</td>
<td class="bc-supports-no"><details><summary>No</summary>Does not use favicons at all (but may have alternative for bookmarks, etc.). (Per caniuse.com.)</details></td>
<td class="bc-supports-yes">4.0</td>
</tr>
<tr>
<th><code>manifest</code></th>
<td class="bc-supports-no">No</td>
<td class="bc-supports-no">No</td>
<td class="bc-supports-no">No</td>
<td class="bc-supports-no">No</td>
<td class="bc-supports-no">No</td>
<td class="bc-supports-no">No</td>
<td class="bc-supports-yes">39</td>
<td class="bc-supports-yes">39</td>
<td class="bc-supports-no">No</td>
<td class="bc-supports-no">No</td>
<td class="bc-supports-no">No</td>
<td class="bc-supports-yes">4.0</td>
</tr>
<tr>
<th><code>modulepreload</code></th>
<td class="bc-supports-yes">66</td>
<td class="bc-supports-yes">≤79</td>
<td class="bc-supports-yes">115</td>
<td class="bc-supports-no">No</td>
<td class="bc-supports-yes">53</td>
<td class="bc-supports-no">No</td>
<td class="bc-supports-yes">66</td>
<td class="bc-supports-yes">66</td>
<td class="bc-supports-yes">115</td>
<td class="bc-supports-yes">47</td>
<td class="bc-supports-no">No</td>
<td class="bc-supports-yes">9.0</td>
</tr>
<tr>
<th><code>preconnect</code></th>
<td class="bc-supports-yes">46</td>
<td class="bc-supports-yes">79</td>
<td class="bc-supports-yes"><details><summary>39</summary>Before Firefox 41, it doesn't obey the <code>crossorigin</code> attribute.</details></td>
<td class="bc-supports-no">No</td>
<td class="bc-supports-yes">33</td>
<td class="bc-supports-yes">11.1</td>
<td class="bc-supports-yes">46</td>
<td class="bc-supports-yes">46</td>
<td class="bc-supports-yes"><details><summary>39</summary>Before Firefox 41, it doesn't obey the <code>crossorigin</code> attribute.</details></td>
<td class="bc-supports-yes">33</td>
<td class="bc-supports-yes">11.3</td>
<td class="bc-supports-yes">4.0</td>
</tr>
<tr>
<th><code>prefetch</code></th>
<td class="bc-supports-yes"><details><summary>8</summary>Requires secure context</details></td>
<td class="bc-supports-yes"><details><summary>12</summary>Requires secure context</details></td>
<td class="bc-supports-yes"><details><summary>2</summary>Requires secure context</details></td>
<td class="bc-supports-yes">11</td>
<td class="bc-supports-yes"><details><summary>15</summary>Requires secure context</details></td>
<td class="bc-supports-yes">13.1</td>
<td class="bc-supports-yes"><details><summary>4.4</summary>Requires secure context</details></td>
<td class="bc-supports-yes"><details><summary>18</summary>Requires secure context</details></td>
<td class="bc-supports-yes"><details><summary>4</summary>Requires secure context</details></td>
<td class="bc-supports-yes"><details><summary>14</summary>Requires secure context</details></td>
<td class="bc-supports-yes">13.4</td>
<td class="bc-supports-yes"><details><summary>1.5</summary>Requires secure context</details></td>
</tr>
<tr>
<th><code>preload</code></th>
<td class="bc-supports-yes"><details><summary>50</summary>Doesn’t support <code>as="audio"</code>, <code>as="audioworklet"</code>, <code>as="document"</code>, <code>as="embed"</code>, <code>as="manifest"</code>, <code>as="object"</code>, <code>as="paintworklet"</code>, <code>as="report"</code>, <code>as="sharedworker"</code>, <code>as="video"</code>, <code>as="worker"</code>, or <code>as="xslt"</code>.</details></td>
<td class="bc-supports-yes"><details><summary>≤79</summary>Doesn’t support <code>as="audio"</code>, <code>as="audioworklet"</code>, <code>as="document"</code>, <code>as="embed"</code>, <code>as="manifest"</code>, <code>as="object"</code>, <code>as="paintworklet"</code>, <code>as="report"</code>, <code>as="sharedworker"</code>, <code>as="video"</code>, <code>as="worker"</code>, or <code>as="xslt"</code>.</details></td>
<td class="bc-supports-yes">85<details><summary>56–57</summary>Disabled due to various web compatibility issues (e.g. <a href="https://bugzil.la/1405761">bug 1405761</a>).</details>
</td>
<td class="bc-supports-no">No</td>
<td class="bc-supports-yes">37</td>
<td class="bc-supports-no">No</td>
<td class="bc-supports-yes"><details><summary>50</summary><code>as="document"</code> is unsupported. See <a href="https://crbug.com/593267">bug 593267</a>.</details></td>
<td class="bc-supports-yes"><details><summary>50</summary>Doesn’t support <code>as="audio"</code>, <code>as="audioworklet"</code>, <code>as="document"</code>, <code>as="embed"</code>, <code>as="manifest"</code>, <code>as="object"</code>, <code>as="paintworklet"</code>, <code>as="report"</code>, <code>as="sharedworker"</code>, <code>as="video"</code>, <code>as="worker"</code>, or <code>as="xslt"</code>.</details></td>
<td class="bc-supports-yes">85<details><summary>56–57</summary>Disabled due to various web compatibility issues (e.g. <a href="https://bugzil.la/1405761">bug 1405761</a>).</details>
</td>
<td class="bc-supports-no">No</td>
<td class="bc-supports-no">No</td>
<td class="bc-supports-yes"><details><summary>5.0</summary><code>as="document"</code> is unsupported. See <a href="https://crbug.com/593267">bug 593267</a>.</details></td>
</tr>
<tr>
<th><code>prerender</code></th>
<td class="bc-supports-yes">13</td>
<td class="bc-supports-yes">79</td>
<td class="bc-supports-no">No</td>
<td class="bc-supports-yes">11</td>
<td class="bc-supports-yes">15</td>
<td class="bc-supports-no">No</td>
<td class="bc-supports-yes">4.4</td>
<td class="bc-supports-yes">18</td>
<td class="bc-supports-no">No</td>
<td class="bc-supports-yes">14</td>
<td class="bc-supports-no">No</td>
<td class="bc-supports-yes">1.5</td>
</tr>
</tbody>
</table></div>
<h3 id="html.elements.link.rel">html.elements.link.rel</h3>
<p>BCD tables only load in the browser<noscript> with JavaScript enabled. Enable JavaScript to view data.</noscript></p>
<h3 id="html.elements.a.rel">html.elements.a.rel</h3>
<p>BCD tables only load in the browser<noscript> with JavaScript enabled. Enable JavaScript to view data.</noscript></p>
<h3 id="html.elements.area.rel">html.elements.area.rel</h3>
<p>BCD tables only load in the browser<noscript> with JavaScript enabled. Enable JavaScript to view data.</noscript></p>
<h2 id="see_also">See also</h2>
<div class="section-content"><ul> <li><a href="https://developer.mozilla.org/en-US/docs/Web/API/HTMLLinkElement/relList"><code>HTMLLinkElement.relList</code></a></li> <li><a href="https://developer.mozilla.org/en-US/docs/Web/API/HTMLAnchorElement/relList"><code>HTMLAnchorElement.relList</code></a></li> <li><a href="https://developer.mozilla.org/en-US/docs/Web/API/HTMLAreaElement/relList"><code>HTMLAreaElement.relList</code></a></li> </ul></div><div class="_attribution">
  <p class="_attribution-p">
    &copy; 2005&ndash;2023 MDN contributors.<br>Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.<br>
    <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/rel" class="_attribution-link">https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/rel</a>
  </p>
</div>