“a”要素~“target”属性

“target”属性について

“target”属性はリンク先をどのブラウジング・コンテキストに表示するかを指定します。

“href”属性を指定していない“a”要素には指定できません。

指定できる値

“_parent”と“_top”は上位のブラウジング・コンテキストがない場合は“_self”と同じになります。

“iframe”要素によって入れ子にされたブラウジング・コンテキストは“target”属性にその“name”属性の値を指定することでリンク先を表示するブラウジング・コンテキストとして指定することができます。

入れ子になったブラウジング・コンテキストの中に配置されたリンクから上位のブラウジング・コンテキストにリンク先を表示する場合“_parent”もしくは“_top”を使用します。

サンプルコード

新しいブラウジング・コンテキストに表示
<p><a href="sample.html" target="_blank">リンク</a></p>

現在のブラウジング・コンテキストに表示
<p><a href="sample.html" target="_self">リンク</a></p>

1つ上位のブラウジング・コンテキストに表示
<p><a href="sample.html" target="_parent">リンク</a></p>

最上位のブラウジング・コンテキストに表示
<p><a href="sample.html" target="_top">リンク</a></p>

任意のブラウジング・コンテキストに表示
<p><a href="sample.html" target="example">リンク</a></p>

ブラウジング・コンテキスト“example”
<p><iframe src="sample2.html" style=" width: 100%; height: 300px;" name="example"></iframe></p>

新しいブラウジング・コンテキストに表示

リンク

現在のブラウジング・コンテキストに表示

リンク

1つ上位のブラウジング・コンテキストに表示

リンク

最上位のブラウジング・コンテキストに表示

リンク

任意のブラウジング・コンテキストに表示

リンク

ブラウジング・コンテキスト“example”