HTML rel="noreferrer"

A rel="noreferrer" attribute value specifies that the current page will not send referrer header information to the linked page. Effectively, the link will not get the URL of the current page.

Example

#

A rel="noreferrer" on an <a> tag.
No referrer information is sent to the linked page.

Enjoy a visit to the Louvre Museum in Paris.
Enjoy a visit to the
<a rel="noreferrer" target="_blank" 
   href="https://www.louvre.fr/en">Louvre Museum</a> in Paris.

Using rel="noreferrer"

The rel attribute attribute defines the relationship between the current page and the linked page or resource.

The rel="noreferrer" value instructs the browser not to send the URL of the current page to the linked page.

This value is used when a site does not want to reveal to the linked page where the request came from.

Tip:  Don't apply rel="noreferrer" to internal links. This would only 'handicap' the links on your own site.

Syntax

<tagname rel="noreferrer" />

Elements that accept rel="noreferrer"

These elements accept the noreferrer value on the rel attribute.

Elements Description
<a> Specifies an anchor link -- see example above
<area> Creates clickable areas inside an image map.
<form> Specifies an HTML form.

Browser support

Here is when rel support started for each browser:

Chrome
6.0 Sep 2010
Firefox
4.0 Mar 2011
IE/Edge
12.0 Jul 2015
Opera
11.1 Mar 2011
Safari
5.0 Jun 2010

You may also like

Guides