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
を提案したのは、_blank
を使うと新しいタブを開き、リンクを再度クリックしたときに同じタブを使うことになるからです。しかし、これは GolezTrol さんが指摘したように、フレームやウィンドウの名前を指しているためで、リンクを再度押して同じタブで開くと、フレームやウィンドウが設定され、使用されることになります。)
**セキュリティへの配慮!***。
rel="noopener noreferrer"`は、新しく開いたタブが元のタブを悪意を持って変更できないようにするためのものです。 この脆弱性の詳細については、以下のリソースを参照してください。
必要に応じてこれらのいずれかをお使いください。
リンク先のドキュメントを新しいウィンドウまたはタブで開きます。
<a href="xyz.html" target="_blank"> Link </a>
リンク先のドキュメントをクリックしたのと同じフレームで開きます(これがデフォルトです)。
<a href="xyz.html" target="_self"> Link </a>
リンク先のドキュメントを親フレームで開きます。
<a href="xyz.html" target="_parent"> Link </a>
リンク先のドキュメントをウィンドウの本文で開きます。
<a href="xyz.html" target="_top"> Link </a>
リンク先のドキュメントを名前付きのフレームで開きます。
<a href="xyz.html" target="framename"> Link </a>