kenjiroublog

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:リファラー情報(参照元)を送らない

以上、基本の書き方まとめでした。

一覧へ戻る
一覧へ戻る

カテゴリ

タグ

アーカイブ