Frames deprecated; only use _blank
target
_blank
target
の他の値は、特定のフレームを指定するために使用されていました。
デフォルトのターゲット
target
が指定されていない場合、ユーザーやブラウザーが特に指定しない限り、リンクは現在のコンテキストで開かれます。
a target=”_blank” Open in New Browser Tab (or Window)
target
属性は、リンクがクリックされたときに、リンク先のドキュメントがどこで開かれるかを指定します。 デフォルトでは、現在のウィンドウです。
Why Open in a New Browser?
`target=”_blank “を使用する最も一般的な理由は、オフサイトのリンクを別のタブで開くためです。 これにより、ユーザーは現在のページを離れることなく、参照先をクリックして後で戻ってくることができます。
JavaScript ですべての外部リンクを新しいタブで開く
サイト上のすべてのリンクに手動で target="_blank"
を追加する必要はありません。 多くのリンクを張っている場合 (もちろんそうすべきですが)、いくつかの JavaScript コードをサイトに追加して、すべての外部リンクを自動的に _blank
リンクに変えることは簡単です。 このトリックにはjQueryが必要ですが、すでに使用している可能性も高いです。 jQueryは、WordPress、Drupal、Twitter Bootstrapなど、最も人気のあるフレームワークやコンテンツ管理システムで使用されています。 もし、jQueryを使わずに操作したいのであれば、そのようなことも可能です。
function externalLinks() { for(var c = document.getElementsByTagName("a"), a = 0;a < c.length;a++) { var b = c; b.getAttribute("href") && b.hostname !== location.hostname && (b.target = "_blank") } } ; externalLinks();
簡単になるだけでなく、マークアップがかなりすっきりします。
`target=”_blank”
ユーザーは新しいブラウジング コンテキストでリンクを開くことを好まないと主張する人がいます。 そうすることは、ポップアップ広告やその他の迷惑な行為に似ていると考えるのです。 しかし、タブブラウジングの台頭により、このような意見はほとんどなくなりました。 ほとんどのユーザーは、リンクを新しいタブで開くことを好みます。それは、現在のブラウジング コンテキストを失うことなく、参照したリンクを後で読むために呼び出すことができるからです。
対象となる属性の値
値の名前 | 注釈 |
---|---|
_blank | リンク先のドキュメントを新しいタブやウィンドウで開きます。 |
_parent | リンクを親フレームで開きます。 |
_self | 現在のフレーム内のリンクを開きます。 |
_top | 最上位のフレーム内のリンクを開きます。 フレームはHTML5では非推奨です。 |
フレーム名 | 指定されたフレーム内のリンクを開きます。 フレームはHTML5では推奨されません。 |
アンカー要素の全属性
属性名 | 属性名 | 値 | 注意点 |
---|---|---|---|
hreflang | リンク先のリソースの言語を指定します。 | ||
download | リンクされたリソースを開くのではなく、ダウンロードするようにブラウザを誘導します。 | ||
target | _blank _parent _self _top フレーム名 |
リンクされたリソースが開くコンテキストを指定します。 | |
タイトル | テキスト | リンクのタイトルを定義し、ユーザーにツールチップとして表示されます。 | |
name |