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.openerproperty, which protects your page from malicious scripts that could manipulate it.noreferrer: Prevents the browser from sending the
Refererheader 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.