Articles

リンクを作って好きなところで開くための「How To Use The Links & Open them You Want!

Posted on

Frames deprecated; only use _blank

target_blanktargetの他の値は、特定のフレームを指定するために使用されていました。

デフォルトのターゲット

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では推奨されません。

アンカー要素の全属性

mg src=”/FileUpload/Features/2/Photo/2/Photo.jpg”.

属性名 属性名 注意点
hreflang リンク先のリソースの言語を指定します。
download リンクされたリソースを開くのではなく、ダウンロードするようにブラウザを誘導します。
target _blank
_parent
_self
_top
フレーム名
リンクされたリソースが開くコンテキストを指定します。
タイトル テキスト リンクのタイトルを定義し、ユーザーにツールチップとして表示されます。
name
Adamは開発者向けのドキュメントやチュートリアルを専門とするテクニカルライターです。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です