target属性

area要素のtarget属性は、リンク先ドキュメントの開き方を指定する任意属性。area要素href属性がある場合だけ使用する。

ブラウザ対応

構文

<area href="URL" alt="代替テキスト" target="開き方">

開き方(target属性値)

_blank
新規ウィンドウに開く。
_self
現在のウィンドウ、現在のフレームに開く。
_parent
親ウィンドウ、親フレームに開く。
_top
ウィンドウ全体に開く。フレームは解除する。
ウィンドウ名
指定したウィンドウ名のウィンドウに開く。
フレーム名
指定したフレーム名のフレームに開く。

要点

  • area要素のtarget属性は、リンク先ドキュメントの開き方を指定する属性である。
  • target属性は、area要素href属性がある場合だけ使用する。area要素href属性がない場合、target属性は、省略しなければならない。

サンプルコード

新規ウィンドウ

<area shape="rect" coords="0,0,100,50" href="sample.html" alt="サンプル" target="_blank">

現在のウィンドウ/フレーム

<area shape="rect" coords="0,0,100,50" href="sample.html" alt="サンプル" target="_self">

ウィンドウ名

<area shape="rect" coords="0,0,100,50" href="sample.html" alt="サンプル" target="windowName">

サンプル

HTMLソースコード

<img src="sample-area.png" usemap="#sample-area-1">
<map name="sample-area-1">
	<area shape="circle" coords="50,50,40" href="http://html5.cyberlab.info" alt="ホーム" target="_self">
	<area shape="rect" coords="110,10,190,90" href="http://html5.cyberlab.info/elements/" alt="要素" target="_self">
	<area shape="polygon" coords="250,10,206,86,294,86" href="http://html5.cyberlab.info/elements/embedded/img.html" alt="img要素" target="_blank">
	<area shape="polygon" coords="350,10,315,30,315,70,350,90,385,70,375,30" href="http://html5.cyberlab.info/elements/embedded/map.html" alt="map要素" target="_blank">
</map>

実際の表示

ホーム 要素 img要素 map要素