私はHTMLプロジェクトに取り組んでおり、JavaScriptなしで新しいタブでリンクを開く方法を見つけることができません。
<a href="http://www.WEBSITE_NAME.com"></a>
同じタブでリンクを開くことはすでに知っています。それを新しいもので開く方法はありますか?
私は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
しました。使用すると、新しいタブが開き、リンクが再度クリックされたときに同じタブが使用されます。ただし、これは、GolezTrolが指摘したように、フレーム/ウィンドウのa。リンクが再度押されて同じタブで開くときに設定および使用されます)。
セキュリティの考慮!
これrel="noopener noreferrer"
は、新しく開いたタブが元のタブを悪意を持って変更できないようにするためです。この脆弱性の詳細については、次のリソースを参照してください。
blank
フレームまたはウィンドウの名前になります。「空白」という名前のウィンドウがない場合は新しいウィンドウまたはタブが開かれる可能性がありますが、リンクをもう一度クリックすると、別のタブまたはタブが開かれるのではなく、同じタブでページが再度開かれるはずです。
blank
を使用することもできますがfoo
、_blank
実際には特別な意味があります。そうでないことを証明する情報が見つかりません。あなたはできる?
_blank
大丈夫です。リンクはそれぞれ別のタブで開きます。下線なしで名前を指定した場合(例:)、blank
リンクは同じタブで開きます。
要件に応じて、これらのいずれかを使用してください。
リンクされたドキュメントを新しいウィンドウまたはタブで開きます。
<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>
target="_blank"
脆弱性があることを念頭に置いて、mathiasbynens.github.io / rel
すべてのリンクの後にコマンドを実行する代わりに、サイト全体に対して一度コマンドを実行したい場合。あなたのウェブサイトのヘッドとビンゴの中でこの場所を試してください。
<head>
<title>your text</title>
<base target="_blank" rel="noopener noreferrer">
</head>
お役に立てれば
使用target="_blank"
:
<a href="http://www.example.com/" target="_blank" rel="noopener noreferrer">This will open in a new window!</a>
いつ使用するか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";
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>
以下を使用できます。
<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をご覧ください。
あなたはこのようにすることができます:
<a href="https://duckduckgo.com/" target="_blank" rel="noopener noreferrer">Open Duck</a>
セキュリティとプライバシーの詳細については、MDNの次のURLも参照してください。
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#Security_and_privacy
次に、Target = "_ blank"という名前の優れた記事へのリンクがあります-これまでで最も過小評価されている脆弱性:
https://www.jitbit.com/alexblog/256-targetblank---the-most-underestimated-vulnerability-ever/
<a href="url" target="_blank">...</a>