web-dev-qa-db-ja.com

新しいタブまたはウィンドウでリンクを開く

同じタブではなく新しいタブでa hrefリンクを開くことは可能ですか?

<a href="http://your_url_here.html">Link</a>
947
Rene

アンカータグにtarget="_blank"rel="noopener noreferrer"を追加する必要があります。

例えば:

<a target="_blank" rel="noopener noreferrer" href="http://your_url_here.html">Link</a>

ソース:

1701
Nathan

リンクを新しいタブで開くか新しいウィンドウで開くかは、最終的にはユーザーのブラウザの設定によって決定されるので、自分で決めるべきではありません。タブが好きな人もいます。新しいウィンドウのようなものもあります。

_blankを使用すると、ユーザーのブラウザ設定とリンクをクリックする方法(中クリックなど)に応じて、ブラウザに新しいタブ/ウィンドウを使用するよう指示します。 Ctrl+クリック、または通常のクリック).

207
Gauthier

<a>要素のtarget属性を"_tab"に設定します

編集:それは動作しますが、W3Schoolsはそのようなターゲット属性はないと言っています: http://www.w3schools.com/tags/att_a_target.asp

編集2:私がコメントから考え出したものから。 targetを_blankに設定すると、(ブラウザの設定に応じて)新しいタブまたはウィンドウに移動します。以下のもの以外のものを入力すると、新しいタブグループが作成されます(これらがどのように機能するのかわかりません)。

_blank  Opens the linked document in a new window or tab
_self   Opens the linked document in the same frame as it was clicked (this is default)
_parent Opens the linked document in the parent frame
_top    Opens the linked document in the full body of the window
framename   Opens the linked document in a named frame
43
Toon Casteele

あなたは単にtarget="_blank"を設定することによってそれをすることができます、w3schoolsは を持ちます。

32
Ehsan