More than 3 years have passed since last update.

リンクを別タブで開かせる方法（注意点）

Posted at 2020-07-24

#aタグとtarget属性

リンクを貼る

index.html

<a href="ここにリンク先のURLを入れる"></a>

1.同じタブで開く　target="_self"　　省略可能

2.別タブで開く　target="_blank"

##target="_blank"　使用する際の注意点

index.html

<a href="ここにリンク先のURLを入れる" target="_blank" ></a>

あまり良くない記述

index.html

<a href="ここにリンク先のURLを入れる" target="_blank" rel="noopener noreferrer"></a>

rel="noopener noreferrer"を追加するだけ

###詳しいことは参考サイトに載ってます。