HTMLで別のウィンドウまたはタブにハイパーリンクを開く方法は?


91

これは、HTMLのハイパーリンクの行です。

<a href="http://www.starfall.com/">Starfall</a>

したがって、「Starfall」をクリックすると、ブラウザ(FireFoxを使用)がその新しいページに移動し、ウィンドウのコンテンツが変更されます。以前のページを変更する代わりに新しいページを新しいウィンドウで開くように、HTMLでこれを行うにはどうすればよいのでしょうか。HTMLにそのような方法はありますか?

はいの場合、要求されたページをブラウザーの別のタブ(別のウィンドウではなく)で開く方法はありますか?

回答:


135
<a href="http://www.starfall.com/" target="_blank">Starfall</a>

タブで開くか別のウィンドウで開くかは、ユーザーがブラウザーをどのように構成したか次第です。


6
すべてのブラウザがタブをサポートしているわけではありません。サポートしているブラウザでは、新しいタブではなく新しいウィンドウで開くページは、ユーザーが構成可能な設定です。現在のところ、リンクをタブではなくウィンドウで開くように指定する方法はありません。
bta

2
ターゲット属性は、href属性の後で宣言する必要があることに注意してください
MC

107

最も簡単な方法は、ターゲットタグを追加することです。

<a href="http://www.starfall.com/" target="Starfall">Starfall</a>

リンクを別のタブで開く場合は、リンクごとにターゲット属性に異なる値を使用します。他のタブを置き換える場合は、ターゲット属性に同じ値を使用します。


45
ターゲットが「_blank」である必要がないことを示すための+1。
GSto

4
これが有効なHTML5であることは注目に値します。
AeroCross 2013年

「名前」とはどういう意味ですか?
Vnge 2013

8

使用する target="_blank"

<a target='_blank' href="http://www.starfall.com/">Starfall</a>


7

追加できるはずです

target="_blank"

お気に入り

<a href="http://www.starfall.com/" target="_blank">Starfall</a>

6

target属性には、これを行うためのあなたの最善の方法です。

<a href="http://www.starfall.com" target="_blank">

新しいタブまたはウィンドウで開きます。それについては、ユーザーの設定によって異なります。

<a href="http://www.starfall.com" target="_self">

デフォルトです。同じタブ(または、処理している場合はiframe)でページを開きます。
次の2つは、iframeを扱っている場合にのみ有効です。

<a href="http://www.starfall.com" target="_parent">

リンクがあったiframe内のリンクを開きます。

<a href="http://www.starfall.com" target="_top">

通過する必要があるiframeの数に関係なく、リンクがタブで開きます。


他の人の例でその色付きのテキストを使用するには
hellol11、2015年

5

target = _blankは、ブラウザー設定に基づいて新しいタブまたはウィンドウで開きます。

新しいウィンドウを強制するには、javascript onclickを使用します。3つの部分すべてが必要です。URL、名前、ウィンドウの幅と高さのサイズ、または単に新しいタブで開きます。

<a onclick="window.open('http://www.starfall.com/','name','width=600,height=400')">Starfall</a>

4

次のコードをページのヘッダーに追加することでも、これを実現できます。

<base target="_blank">

これにより、ページ上のすべてのリンクが新しいタブで開きます


4

ウェブは急速に進化しているため、時間とともに変化するものがあります。セキュリティ上の問題については、rel="noopener"属性と組み合わせて属性を使用することができますtarget="_blank"

Google Dev Documentationで述べられているように、他のページはでウィンドウオブジェクトにアクセスできますwindow.opener property。外部リンクは次のようになります。

<a href="http://www.starfall.com/" target="_blank" rel="noopener">Starfall</a>

<a href="http://www.starfall.com/" target="_blank" rel="noopener noreferrer">Starfall</a>最近は両方を
用意

1

以下の例target="_blank"はSafariとMozilla で動作します

<a href="http://www.starfall.com" `target="_blank"`>

target="new"Chromeで使用した

<a href="http://www.starfall.com" `target="new"`>

2
他の何十もの中であなたの答えを区別するものは何ですか?
向こう側
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.