web-dev-qa-db-ja.com

HTMLの新しいタブでリンクを開くにはは？

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

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

htmlhyperlinkanchorbrowser-tab
329
ZenthyxProgramming

リンクの 'target'属性を_blankに設定します。

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

編集：他の例については、ここを参照してください： http://www.w3schools.com/tags/att_a_target.asp

（注：以前は_blankの代わりにblankをお勧めしていました。使用すると新しいタブが開き、もう一度リンクをクリックしても同じタブが使用されるためです。ただし、これはGolezTrolが指摘したとおりフレーム/ウィンドウの名前。リンクをもう一度押して同じタブで開くときに設定および使用されます。

508
SharkofMirkwood

必要に応じてこれらのうちの1つを使用してください。

リンク先の文書を新しいウィンドウまたはタブで開きます。

 <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>

MDNを参照してください

86
Learner Always

リンクのたびにコマンドを実行するのではなく、サイト全体に対して1回コマンドを実行したい場合。あなたのWebサイトのヘッドとビンゴの中でこの場所を試してください。

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

お役に立てれば

24
Cyberquill

target="_blank"を使用してください。

<a href="http://www.example.com/" target="_blank" rel="noopener noreferrer">This will open in a new window!</a>
11
Evan Hahn

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

10
StackSlave

Aタグの「target」属性を使用してそれを_blankに割り当てます。あれは：

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

target="_blank"属性が仕事をします。潜在的な脆弱性を解決するためにrel="noopener noreferrer"を追加することを忘れないでください。詳細はこちら： https://dev.to/ben/the-targetblank-vulnerability-by-example

<a href="https://www.google.com/" target="_blank" rel="noopener noreferrer">Searcher</a>
5
Vadym P

target='_blank'を使用する場合：

HTMLバージョン（一部のデバイスではサポートされていません）： 

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

すべてのデバイス用のJavaScriptバージョン：

Rel = "external"の使用は完全に有効です

<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は以下のもので試すことができます： 

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

ブラウザの設定により、新しいウィンドウで開くことができない場合： 

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

target = "_ blank"は常にクリックごとに新しいタブを開き、target = "tabName"は新しいタブを開きますが、クリックごとに同じです。

2
flap13

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

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

新しいタブで開きます：

<a href="https://www.google.com/" target="_blank">Google.com </a>
2
Colleen Purcell

あなたは<a href="#" target="_blank">Your Text</a>を使うことができます。ありがとう。

2
herrobaba

あなたは <a href='url' target="_blank">name</a>を使うことができます

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

2
Hackbal Teamz

あなたが使用することができます：

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

しかしながら、上記はあなたのサイトをフィッシング攻撃に対して脆弱にします。あなたのリンクにrel = "noopener noreferrer"を追加することによってそれが起こることをいくつかのブラウザで防ぐことができます。これを追加すると、上記の例は次のようになります。

<a href="http://www.WEBSITE_NAME.com" rel="noopener noreferrer" target="_blank">Website.com</a>

詳細については、チェックアウト： https://www.thesitewizard.com/html-tutorial/open-links-in-new-window-or-tab.shtml

0
Thabang