Understanding rel="noopener noreferrer" in HTML
The rel="noopener noreferrer" attribute is used in HTML anchor (<a>) tags to improve security and privacy when opening links in a new tab or window using target="_blank".
noopener: Prevents the new tab from accessing the window.opener property, which protects your page from malicious scripts that could manipulate it.
noreferrer: Prevents the browser from sending the Referer header to the new page, which hides the URL of the original page and adds privacy.
Combined: Using both ensures better protection against tabnabbing (phishing attacks) and reduces information leakage.
In short: Always use rel="noopener noreferrer" when linking to external sites with target="_blank" to protect users from security risks like tabnabbing and to improve privacy.
0-2 years experience
2-5 years experience
5-8 years experience
8+ years experience
