HTMLでリンクを新しいタブで開く方法【target=”_blank”】
結論:これでOK!
<a href="https://example.com" target="_blank">外部リンク</a>
このコードを使えば、クリックしたリンク先が新しいタブで開きます。
ユーザーが元のページに戻りやすくなるので、画面遷移を防ぎたいときに便利です。
セキュリティ的には rel 属性も追加しよう
外部リンクを新しいタブで開く場合は、セキュリティ対策として
rel="noopener noreferrer" の追加が推奨されています。
<a href="https://example.com" target="_blank" rel="noopener noreferrer">外部リンク</a>
noopener:新しいタブが元ページを操作できなくなる(JSの悪用防止)
noreferrer:リファラー情報(参照元)を送らない
以上、基本の書き方まとめでした。