リンクを別タブで開くようにする方法を解説します。
手順は下記の通りです↓
リンクを別タブで開くようにする方法
- 手順①:aタグに「target= “_blank” rel= “noopener”」を追加
- 手順②:リンクが別タブで開くことを確認
目次
手順①:aタグに「target= “_blank” rel= “noopener”」を追加
下記の(同タブで開く)リンク
は以下のコードです。
<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>
で作成した以下リンク
をクリックすると別タブで開くことが確認できます。