Waka blog.

ページを別タブで開く際、`target="_blank"` に加えて `rel="noopener"` を付与した方が良いのはなぜか

リンク先のページを別タブで開きたいときは、 target="_blank" をaタグに付与することで実現できる。

<a href="hogehoge" target="_blank" />

これに加えて、 rel="noopener" の使用が推奨されている。

<a href="hogehoge" target="_blank" rel="noopener" />

rel="noopener" が存在しないと、新しく開いたタブから window.opener を使用して元のページを制御するなり内部に保持している情報へのアクセスが可能になるかの性がある。

rel="noopener" を付与しておくことで window.opener の使用を制限できセキュリティリスクを軽減することができる。

当然、リンク先が自分で管理しているページの場合は特に必要ないのだけれど、うっかり忘れないよう意識しておきたい。