このウェブサイトはご利用の端末での閲覧に対応していません。
This website does not support your device.

a要素~target属性

記事Apr. 8th,2015
July 7th,2020
リンク先の表示方法を指定する属性
この記事はHTML Living Standardに対応しています。
この記事はHTML Living Standardに対応しています。

target”属性について

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

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

指定できる値

属性値 説明
_blank 新しいブラウジング・コンテキストに表示
_self 現在のブラウジング・コンテキストに表示
_parent 現在のブラウジング・コンテキストの1つ上位のブラウジング・コンテキストに表示
_top 現在のブラウジング・コンテキストの最上位のブラウジング・コンテキストに表示
ブラウジング・コンテキスト名 任意のブラウジング・コンテキストに表示

_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

一番上へ
トップにもどる
シェアする
シェアする
Facebookでシェアする
ツイート
Google+でシェア
Pocket
はてなブックマーク