Services
Technology Web App Development Mobile App Development Windows App Development Database Development UI/UX Development Cloud Development SEO Digital Marketing Guest Posting Content Writing Artificial Intelligence Data Science ERP Development CRM Development CMS Development LMS Development Business Listing Blockchain Technology Startup Promotion
Products
Data Converter Cleaner TUC - Unit Converter Import Export Survey Manager Tweet Controller
Developer
Article Blog Forum Interview Beginner News Startup Quiz
Users
Career
Apply Job Internship
Pricing
Login Sign Up Get a Quote

forum

home / developersection / forums / what is "rel = noopener noreferrer" link tag?
Ask Question
Rahul Roi
Rahul Roi

Student

I'm a professional writer and software developer with more than 10 years of experience. I have worked for a lot of businesses and can share sample works with you upon request. Chat me up and let's get started.....

Message

1 Answers

Khushi Singh
Khushi Singh 22 Jan 2025
Report Abuse

The rel="no opener no-referrer" attribute is a security and performance feature added to links in HTML. It is commonly used in conjunction with links that open in a new tab or window (i.e., links with the target="_blank" attribute). Here's a breakdown of what it does:

1. "no opener"

  • The noopener value prevents the new tab or window opened by the link from gaining access to the parent page via the window.opener property in JavaScript.
  • Without noopener, the newly opened page can execute malicious scripts that manipulate or redirect the original page, creating a security vulnerability.
  • This is particularly important when linking to external or untrusted websites.

2. "noreferrer"

  • The noreferrer value ensures that no referrer information (the URL of the original page) is sent to the new page.
  • This enhances privacy by preventing the destination site from knowing where the visitor came from.
  • It also serves as a fallback for browsers that may not support noopener, providing an additional layer of protection.

Why Use rel="noopener noreferrer"?

  1. Security: It prevents potential malicious actions by restricting access to the parent page via window.opener.
  2. Privacy: It prevents the destination site from tracking the origin of the traffic.
  3. Performance: By not allowing window.opener, it avoids unnecessary memory usage and performance hits caused by maintaining a connection between the two pages.
advertising