Dofactory.com
Dofactory.com
Earn income with your HTML skills
Sign up and we'll send you the best freelance opportunities straight to your inbox.
We're building the largest freelancing marketplace for people like you.
By adding your name & email you agree to our terms, privacy and cookie policies.

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


Last updated on Sep 30, 2023

Earn income with your HTML skills
Sign up and we'll send you the best freelance opportunities straight to your inbox.
We're building the largest freelancing marketplace for people like you.
By adding your name & email you agree to our terms, privacy and cookie policies.

Guides