Links do more than move people between pages. The HTML rel attribute describes the relationship between your page and another resource. The value noreferrer means: requests that navigation omit the Referer header and also implies noopener.
What noreferrer means
Requests that navigation omit the Referer header and also implies noopener.
Write it as rel="noreferrer" on an appropriate <a> or <link> element. Not every relationship is defined for both: the correct element depends on the link type.
Example markup
<!-- Relationship: noreferrer -->
<a href="https://example.test" rel="noreferrer">Open privately</a>What the browser does
This example uses <a>, which displays a regular link. The visible link text tells readers where it leads; the rel value adds information for browsers, search engines or other software.
It does not hide the visitor's IP address or make browsing anonymous.
The noreferrer token reduces referrer information; it does not conceal a navigation from the destination.
This relationship value does not automatically restyle the link, change its accessible name or make a new page secure. Navigation and user-facing labels still need deliberate HTML.
When to choose this token
Use noreferrer only when the relationship is genuinely true for that destination. If it describes a web resource, make sure that resource exists and serves the right content. For an external URL, do not confuse a relationship hint with permission, security or a redirect.
Small practice task
Create a simple test page with the example. Inspect the resulting element in Developer Tools. Change the target to another sensible file or URL, then explain whether the visible page, a network request, or only the relationship metadata changed.
Common Beginner Mistakes
- It does not hide the visitor's IP address or make browsing anonymous.
- Assuming
rel="noreferrer"has the same effect on every kind of HTML link. - Adding a relationship token when the destination does not have that relationship.
Key Takeaways
noreferrermeans requests that navigation omit the Referer header and also implies noopener.- It does not hide the visitor's IP address or make browsing anonymous.
- Choose a valid link element and test what the browser actually does.