“area”要素~“target”属性

“target”属性について

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

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

指定できる値

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

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

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

サンプルコード

<img src="sample_map.png" alt="イメージマップのサンプル" usemap="#sample11">

<map name="sample11">

<area href="sample.html" target="_self" shape="rect" coords="8,32,72,99" alt="長方形">
<area href="sample.html" target="_blank" shape="poly" coords="97,103,30,193,163,193" alt="多角形">
<area href="sample.html" target="example" shape="circle" coords="146,59,47" alt="円形">

</map>

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

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