1. ホーム
  2. html

[解決済み] HTMLでリンクを新しいタブで開くには?

2022-03-19 13:44:17

質問

HTMLプロジェクトに取り組んでいるのですが、JavaScriptを使わずにリンクを新しいタブで開く方法を見つけることができません。

すでに知っているのは <a href="http://www.WEBSITE_NAME.com"></a> は同じタブでリンクを開きます。新しいタブで開くようにするにはどうしたらいいでしょうか?

解決方法は?

を設定します。 target 属性は、リンクの _blank :

<a href="#" target="_blank" rel="noopener noreferrer">Link</a>

その他の例については、こちらをご覧ください。 http://www.w3schools.com/tags/att_a_target.asp


備考

以前、私は blank の代わりに _blank というのも、これを使うと、新しいタブが開き、再度リンクをクリックすると同じタブが使われるからです。しかし、これはGolezTrolが指摘するように、フレーム/ウィンドウの名前aを参照しているため、リンクを再度押して同じタブで開いたときに設定・使用されてしまうからにほかなりません。


セキュリティに配慮!?

rel="noopener noreferrer" は、新しく開いたタブが元のタブを悪意を持って変更することを防ぐためのものです。この脆弱性についての詳細は、以下の記事をご覧ください。