What is rel="noopener" in html

What is rel="noopener" in html

 

<a href="https://www.usingcsharp.com" rel="noreferrer">Link to usingcsharp.com</a>

In this article, what is rel="noopener" in html? the noopener keyword for the rel attribute of the <a>, <form> and <area> elements instructs the browser to navigate to the target resource without granting the new browsing context access to the document that opened it.

 

Recommendations

So, prevent pages from abusing window.opener, use rel=noopener. This ensures window.opener is null in Chrome & Opera, Desktop Safari, Firefox, and iOS.

2021-10-03