Always use "noopener" or "noreferrer" for links that open in a new tab

In order to open the link in a new tab, we use the `target="_blank"` attribute.However, if you don't know them, it can cause some problems.

First, newly opened tabs use the same process as the opener.Therefore, it may slow down your page.More importantly, the new tab can access the `window.opener` object of the `window` open page through the object.Suppose the new tab executes the following code:

window.opener.location = 'http://fake.website.here';

As the code suggests, it redirects the original tag to a fake website.What would happen if a fake website had the same user interface as the real website?Since the user has already opened it, they may not realize that the website they are viewing is not real.

Add `rel="noopener"` to fix the problem.

Good to know that there is a `rel="noreferrer"` attribute.Not only does it fix an issue where `noopener` does exist, but it also prevents `Referer` headers from being sent to new tabs.

............

Some modern browsers (such as Chrome 88+) automatically add this behavior when it is missing from `noopener`.However, it is still recommended to add `rel="noopener"` or `rel="noreferrer"` to avoid security and performance issues in older browsers.