2013-07-17 70 views
243

私はHTMLプロジェクトで作業しています。新しいタブでJavaScriptを使わずにリンクを開く方法がわかりません。htmlの新しいタブでリンクを開くには?

私は既に<a href="http://www.WEBSITE_NAME.com"></a>が同じタブでリンクを開くことを知っています。どのようにそれを新しいもので開くにはどのようなアイデアですか?

<a href="#" target="_blank">Link</a> 

編集:他の例については、こちらをご覧ください:_blankへのリンクの 'ターゲット' 属性を設定し

+1

が重複する可能性を(のhttp:/ /stackoverflow.com/questions/6296013/how-can-i-open-a-link-in-new-tab-and-not-new-window) – Wex

+25

を使用してください '...' –

+1

[新しいタブでリンクを開く] ](http://stackoverflow.com/questions/15551779/open-link-in-new-tab) – Sufian

答えて

412

http://www.w3schools.com/tags/att_a_target.asp

を(注:もし、ので、私は以前にblank代わりの_blankを提案使用されると、新しいタブが開き、リンクが再度クリックされた場合に同じタブが使用されますが、これはGolezTrolが指摘したように、フレーム/ウィンドウの名前aを参照するためですリンクをもう一度押して同じタブで開くと使用されます)。

+10

特別なターゲットはすべてアンダースコアで始まります。 'blank'はフレームまたはウィンドウの名前になります。名前が「空白」のものがない場合は新しいウィンドウまたはタブが開かれますが、リンクをもう一度クリックすると別のタブを開くのではなく、その同じタブでページを開くはずです。 – GolezTrol

+1

まあ、それは無効ではないと思う、それは異なっている。ブランクの代わりに 'foo'を使うこともできますが、' _blank'は実際には特別な意味があります。そうでなければ、私は情報を見つけることができません。あなたはできる? – GolezTrol

+0

したがって、ページ上の2つ以上のリンクを別々の別のタブで開く場合は、それらのリンクをすべて同じ新しいタブで開くため、それらのリンクには '_blank'を使用しないでください。 – Stefan

7

target='_blank' XHTMLを使用していない場合。

10

使用target="_blank"

<a href="http://www.example.com/" target="_blank">This will open in a new window!</a> 
6

タグの "ターゲット" 属性を使用して_blankに割り当てます。それは次のとおりです。

<a href="http://www.google.com" target="_blank" >Google in a New Tab or Window depending on the browser's capabilities</a> 
1

ターゲット=「_ブランク」各 ターゲット=「TABNAME」=新しいタブが、各クリックで同じをクリックするために=常に新しいタブ。

68

要件のいずれかを使用してください。

を開き、新しいウィンドウまたはタブでリンクされたドキュメント:

<a href="xyz.html" target="_self"> Link </a> 

オープンリンク:

<a href="xyz.html" target="_blank"> Link </a> 

を開き、それがクリックされたのと同じフレーム内でリンクされたドキュメントは、(これがデフォルトです)親フレーム内の文書:

リンクされた文書をwiの全体で開きますndow:

<a href="xyz.html" target="_top"> Link </a> 

オープンという名前のフレーム内のリンクされたドキュメント:

<a href="xyz.html" target="framename"> Link </a> 

See MDN

+0

ありがとうございました。クリックすると新しいタブでリンクを開く方法は? –

+0

上記の共有として、htmlのコードを使用してください。新しいブラウザのほとんどは、target = "_ blank"を使用するとデフォルトで新しいタブでリンクを開きます –

1

あなたは<a href="#" target="_blank">Your Text</a> を使用することができますが、それは助け願っています。おかげさまで あなたの代わりにすべてのリンクの後にそれを行うことを有していると、サイト全体のために、1つのコマンドを作るしたい場合

+0

これは[この既存の回答](https://stackoverflow.com/a/17711167)の単なる繰り返しです。 – Pang

2

あなたは例 <a href='https://www.facebook.com/hackbalteamz' target="_blank">Facebook</a>

15

<a href='url' target="_blank">name</a>

を使用することができます。このサイトをお試しください あなたのウェブサイトとビンゴのヘッド内に。

<head> 
<title>your text</title> 
<base target="_blank"> 
</head> 

希望target='_blank'を使用する場合は、これは

5

を支援します。

HTMLバージョン(一部のデバイスがそれをサポートしていません):

<a href="http://chriscoyier.net" target="_blank">This link will open in new window/tab</a> 

のためのJavaScriptのバージョンすべてのデバイス:

のrel = "外部" の使用は完全に有効な

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> 
<script type="text/javascript"> 
    $('a[rel="external"]').attr('target', '_blank'); 
</script> 

とjQueryが1以下で試すことができるためである。

$("#content a[href^='http://']").attr("target","_blank"); 

ブラウザの設定があなたを許可しない場合新しいウィンドウで開く:

href = "google.com"; 
onclick="window.open (this.href, ''); return false"; 
2

デフォルトは同じタブで開きます:

<a href="https://www.google.com/">Google.com </a> 

は新しいタブで開きます:[?どうやって新しいタブでリンク(及びない新しいウィンドウ)を開くことができます]の

<a href="https://www.google.com/" target="_blank">Google.com </a> 
関連する問題