ﾌﾛｰﾃｨﾝｸﾞ･ﾌﾚｰﾑ HTMLのﾍﾞｰｼｯｸ目次 ﾏｰｷ

ターゲット･ウィンドウ

ネットスケープ2.0からは、ハイパーリンクをクリックした時に別のウィンドウを開く機能が追加されました。この機能はターゲット･ウィンドウと呼ばれ、ウィンドウ･スペースが足りなくなった時や、既存の文書と見比べてほしい時に用います。

HTMLタグのtarget属性として<a>タグ、<base>タグ、<area>タグ、<form>タグで使用できます。たとえば、<a>(アンカー)タグは以下のように記述し、もし同じターゲット名のウィンドウが開いている場合、別のウィンドウを開く代わり、文書はそこへ表示されます。 

	
	
	<a href="URL" target="ウィンドウ名">リンク</a>
<a>タグのtarget

アンカーをクリックすればブラウザが新たなウィンドウを開き、そのウィンドウに文書を表示します。下記の例では、新しくウィンドウ(twindow)が開かれ、どちらの文書もそこへ表示される設定です。
	
	
	<a href="../sample/twinsmp1.html" target="twindow">リンク１</a><br>
	<a href="../sample/twinsmp2.html" target="twindow">リンク２</a>
リンク１
リンク２

<base>タグのtarget

baseタグを設定することでターゲット･ウィンドウのデフォルト(初期設定)名を指定できます。次の記述例の場合、targetを指定していないすべてのハイパーリンクがbaseで指定したウィンドウ(twindow)へ表示されるわけです。
	
	
	<head>
	<title>Target Window (Base Tag)</title>
	<base target="twindow">
	</head>
	
	<body>
	<a href="../sample/twinsmp1.html">リンク１</a><br>
	<a href="../sample/twinsmp2.html">リンク２</a>
	</body>
これは上記を基にした作例です。

ﾀｰｹﾞｯﾄ･ｳｨﾝﾄﾞｳの実例

<area>タグのtarget

クライアントサイド･マップ機能を用いて、<area>タグの中でハイパーリンクを行う時、ターゲット･ウィンドウの機能が使用できます。
	
	
	<area shape="shape" coords="x,y,..." href="URL" target="ウィンドウ名">
<form>タグのtarget

<form>タグでは実行結果をターゲット･ウィンドウへ表示させることができます。
	
	
	<form action="URL" target="ウィンドウ名">

フレーム機能とターゲット･ウィンドウ

フレーム機能とターゲット･ウィンドウ機能を組み合わせて使うと、ユニークなページを作成できます。例として、左のフレームへ目次、右のフレームへその内容を表示させるフレームページの記述方法をご紹介します。まず、メインとなるフレームページを次のように記述します。 
	
	
	<frameset cols="30%,70%">
	<frame name="frame1" src="frame1.html">
	<frame name="frame2" src="frame2.html>
	</frameset>
そして、frame1.htmlの中で下記のように、ターゲット･ウィンドウを右フレームのウィンドウ名frame2と指定したハイパーリンクを記述することで、１〜４章を選択した時、それが右フレームへ表示されます。 
	
	
	<a href="chaptr1.html" target="frame2">第１章</a><p>
	<a href="chaptr2.html" target="frame2">第２章</a><p>
	<a href="chaptr3.html" target="frame2">第３章</a><p>
	<a href="chaptr4.html" target="frame2">第４章</a><p>
	<a href="archive.html" target="frame2">索引</a>

ターゲット･ウィンドウの予約名

ターゲット･ウィンドウには以下の特殊な名前があらかじめ予約されています。

target="_blank"： 名前を付けずに新しく空のウィンドウを開きます　
target="_self"： 今いるウィンドウへ文書を表示します。
target="_parent"： 今いるセルウィンドウを作成した親ウィンドウへ文書を表示します。
target="_top"： 今いるセルウィンドウのフル画面へ文書を表示します。いるのがすでにトップであれば、結果は_selfと同じです。何段階ものフレーム構造で深いネスト(居場所)を解除する際、便利です。

以上をまとめると、このようになります。


Copyright (C) 1996-2003 by Yasukazu Yokoi. All Rights Reserved.