web-dev-qa-db-ja.com

HTML5：ハイパーリンクと新しいタブ

このハイパーリンクコードがあります。

<a href="http://www.youtube.com/user/mamgrow"><img style="position:relative; float:right; height:30px; left:-30px;"  alt="mamgrow facebook" src="images/facebook.png"/></a>

そして、このリンクを新しいタブで開きたい...

私はこれを入れようとしました：

style="target-new:tab;

しかし、うまくいきませんでした。何か案は？

htmlurlhyperlinktabs
19
Ignas Damunskis

次のようなtarget属性を簡単に使用できます。

<a href="http://www.example.com" target="_blank"><img src="your/image" /></a>

ユーザーがタブをサポートするブラウザーを使用している場合、リンクされたページは、アクティブなブラウザーウィンドウの新しいタブで開かれます（設定されている場合）-ほとんどがデフォルトです。
今日、ほぼすべてのブラウザがこれをサポートしています。詳細については、 Wikipedia のこのリストを参照してください。

HTMLの<a>タグ内のtarget属性プロパティのリスト：

target="_blank" <!-- opens link in a new window -->
target="_self" <!-- opens link in actual window -->
target="_parent"
target="_top" <!-- both handle frames -->

コードのこの部分：

style="target-new:tab;

効果はありません。最新のブラウザでは サポート ではないようです。

44
ztirom

W3schoolsの説明を読むと、新しいタブまたはウィンドウでリンクを開くための構文（Webブラウザーの設定に応じて）属性を追加する必要があることが説明されています

target="_blank"

http://www.w3schools.com/html/html_links.asp

4
Nadrendion

次のコードを使用して新しいウィンドウで開く必要があります

<a href="http://www.google.com" target="_blank">...</a>
2
Scott Hulme

@ztiromの答えを展開しています...

Mozilla Developer Network のコメント：

ターゲット

リンクされたURLを表示する場所を指定します。これは、ブラウジングコンテキストの名前またはキーワードです：タブ、ウィンドウ、または<iframe>。次のキーワードには特別な意味があります。

  • _self：現在のURLと同じブラウジングコンテキストにURLをロードします。これがデフォルトの動作です。

  • _blank：URLを新しいブラウジングコンテキストに読み込みます。これは通常タブですが、ユーザーはブラウザを設定して代わりに新しいウィンドウを使用できます。

  • _parent：URLを現在の親ブラウジングコンテキストに読み込みます。親がない場合、これは_selfと同じように動作します。

  • _top：URLをトップレベルのブラウジングコンテキスト（つまり、現在の祖先であり、親を持たない「最上位」のブラウジングコンテキスト）に読み込みます。親ブラウジングコンテキストがない場合、これは_selfと同じように動作します。

注：ターゲットを使用する場合は、rel = "noopener noreferrer"を追加して、window.opener APIの悪用を回避することを検討してください。

0
kevinarpe