[ target="_blank" ]を使う時の問題

  • 投稿日:
  • by
  • カテゴリ:

「target="_blank"」にセキュリティリスクがあるという記事を読んだので、メモメモ。

元記事はこちら
「HTML のリンクを新しいタブで開くようにする方法」
https://www.freecodecamp.org/japanese/news/how-to-use-html-to-open-link-in-new-tab/

どんなリスクがあるかや攻撃の仕組みは元記事を読んでもらうとして、対策としては要するに「target="_blank"」を使う時はrel要素で「noopener」と「noreferrer」を設定しなさいという事らしい。

これならやるべき事は簡単な話なので、今後のコーディング方針で実装していこうと思います。

target="_blank"
↓↓
target="_blank" rel="noopener noreferrer"