【HTML】リンクを別タブで開くようにする方法 target=”_blank”

当ページのリンクには広告が含まれている可能性があります。

リンクを別タブで開くようにする方法を解説します。

手順は下記の通りです↓


リンクを別タブで開くようにする方法

  • 手順①:aタグに「target= “_blank” rel= “noopener”」を追加
  • 手順②:リンクが別タブで開くことを確認
目次

▼ IT系の本が無料で読める!?

Kindle UnlimitedではITに関する多くの本が無料で読めます。

>>Kindle Unlimitedでどのような本が無料で読めるのか見てみる

さらにKindle Unlimitedを初めてご利用の方は、30日間無料体験が可能です。

※時期により、30日間無料体験が終了している可能性がありますので、公式サイトをご確認ください。

手順①:aタグに「target= “_blank” rel= “noopener”」を追加

下記の(同タブで開く)リンク

Google

は以下のコードです。

<p><a href="https://www.google.com/">Google</a></p>


リンクを別タブで開くようにするには、aタグに

target= "_blank" rel= "noopener"

を追加します。

手順②:リンクが別タブで開くことを確認

aタグに「target= “_blank” rel= “noopener”」を追加したコード

<p><a href="https://www.google.com/" target= "_blank" rel= "noopener">Google</a></p>

で作成した以下リンク

Google

をクリックすると別タブで開くことが確認できます。

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

▼ IT・Web転職サービスなら【レバテックキャリア】


目次