aタグ - リンク先を別タブで開きたい
実装方法
aタグに
- target属性を付け、値を_blankとする
- rel属性を付け、rel="noopener"
<a href="#" target="_blank" rel="noopener">テキスト</a>
rel="noopener"を付ける理由
セキュリティ的な理由から付ける。
詳細は下記リンク先をを参照してください。
リンクを作る時の target="_blank" の危険性 - 隙あらば寝る
リンクのtarget=_blankには「rel=noopener」でセキュリティ対策 | design Edge
target="_blank" で開くリンクには rel="noopener" をつける