rel="noopener" attribute value on a link element specifies that the linked resource will not be able to access or tamper with the current page.
The link must open in a new tab or window.
rel="noopener" on an <a> tag.
The linked page opens in a new browser tab where it cannot tamper with the current page.
Go to <a rel="noopener" target="_blank" href="https://google.com">Google</a>
The rel attribute defines the relationship between the current page and the linked page or resource.
rel="noopener" value tells the browser that the linked page cannot access the current page.
The link must be opened in a new tab or window with target="_blank" or
noopener value is for untrusted links. It ensures that the linked resource will not tamper with the current page.
<tagname target="_blank" rel="noopener" />
Note: Either include target="_blank" or use
window.open() to specify a new tab or window.
These elements accept the noopener value on the rel attribute.
|<a>||Specifies an anchor link -- see example above|
|<area>||Creates clickable areas inside an image map.|
|<form>||Specifies an HTML form.|
noopener and nofollow values are easily mixed up, but are very different.
noopener value increases website security by preventing cross-site hijacking.
The nofollow value merely specifies that the linked page is not supported or associated with the current page.
Search engines take nofollow into consideration when following links, but
noopener links are always followed.
Here is when rel support started for each browser: