HTMLターゲット属性

定義と使用法

タグの target 属性は、リンクされたドキュメントを開く場所を指定します。

タグ内に target 属性を含めると、ブラウザはタグの href 属性で名前が付けられ、ターゲットと一致する名前のフレームまたはウィンドウにドキュメントをロードして表示します。指定された名前または ID を持つフレームまたはウィンドウが存在しない場合、ブラウザーは新しいウィンドウを開き、そのウィンドウに指定されたタグを与えて、そのウィンドウに新しいドキュメントをロードします。今後、ハイパーリンクされたドキュメントはこの新しいウィンドウを指すことができます。

新しいウィンドウを開く

尖ったハイパーリンクを使用すると、効率的な閲覧ツールを簡単に作成できます。たとえば、ドキュメントを別のウィンドウにリダイレクトするコンテンツ ドキュメントの単純なリスト:

<h3>Table of Contents</h3>
<ul>
  <li><a href="pref.html" target="view_window">Preface</a></li>
  <li><a href="chap1.html" target="view_window">Chapter 1</a></li>
  <li><a href="chap2.html" target="view_window">Chapter 2</a></li>
  <li><a href="chap3.html" target="view_window">Chapter 3</a></li>
</ul>

自分で試してみてください

ユーザーが最初にコンテンツ リスト内のリンクを選択すると、ブラウザは [新しいウィンドウを作成] というラベルを開きます。 「view_window」を選択し、その中に表示したい文書内容を表示します。ユーザーがこのコンテンツ リストから別のリンクを選択し、「view_window」がまだ開いている場合、ブラウザは選択したドキュメントをそのウィンドウに再度ロードし、以前のドキュメントを置き換えます。

プロセス全体を通じて、コンテンツリストを含むこのウィンドウにユーザーはアクセスできます。ウィンドウ内のリンクをクリックすると、別のウィンドウの内容を変更できます。

フレーム内でウィンドウを開く

ブラウザ ウィンドウ全体を開く代わりに、ターゲットを使用するより一般的な方法は、ハイパーリンク コンテンツを 表示内の 1 つ以上のフレームに誘導することです。このコンテンツ リストを 2 つのフレームを持つドキュメントの 1 つのフレームに配置し、この隣接するフレームを使用して選択したドキュメントを表示できます。

<frameset cols="100,*">
  <frame src="toc.html">
  <frame src="pref.html" name="view_frame">
</frameset>

自分で試してみてください

ブラウザに最初にこれら 2 つが表示されるとき 2 つのフレームがある場合、左側のフレームには目次が含まれ、右側のフレームには序文が含まれます。

これは "toc.html" のソース コードです:

<h3>Table of Contents</h3>
<ul>
  <li><a href="pref.html" target="view_frame">Preface</a></li>
  <li><a href="chap1.html" target="view_frame">Chapter 1</a></li>
  <li><a href="chap2.html" target="view_frame">Chapter 2</a></li>
  <li><a href="chap3.html" target="view_frame">Chapter 3</a></li>
</ul>

ドキュメント "toc.html" では、各リンクのターゲットは右側のフレームである "view_frame" であることに注意してください。

ユーザーが左側のフレームのディレクトリからリンクを選択すると、ブラウザは関連するドキュメントをロードし、右側の「view_frame」フレームに表示します。他のリンクを選択すると、右側のフレームのコンテンツも変更されますが、左側のフレームは常に同じままになります。

特別なターゲット

特別なドキュメントのリダイレクト操作に使用される 4 つの予約されたターゲット名があります:

_blank

ブラウザは常に、新しく開かれた名前のないウィンドウにターゲット ドキュメントを読み込みます。

_self

このターゲットの値は、ターゲットを指定しないすべての タグのデフォルトのターゲットであり、ターゲット ドキュメントがロードされ、ソース ドキュメントと同じフレームまたはウィンドウに表示されます。このターゲットは、ドキュメント タイトルの タグの target 属性と組み合わせて使用​​しない限り、冗長であり、不要です。

_parent

このターゲットにより、ドキュメントが親ウィンドウ、またはハイパーリンクによって参照されるフレームを含むフレームセットに読み込まれます。この参照がウィンドウ内またはトップレベルのフレーム内にある場合、それは target _self と同等です。

_top

このゴールにより、ハイパーリンクを含むウィンドウにドキュメントが読み込まれます。_top ゴールを使用すると、含まれているフレームがすべてクリアされ、ドキュメントがブラウザ ウィンドウ全体に読み込まれます。

ヒント: これらのターゲットの 4 つの値はすべてアンダースコアで始まります。アンダースコアで始まる他のウィンドウまたはオブジェクトはブラウザによって無視されるため、ドキュメントで定義されているフレーム名または ID の最初の文字としてアンダースコアを使用しないでください。

構文

<a target="value">

属性値

値	説明
_blank	リンクされたドキュメントを新しいウィンドウで開きます。
_self	デフォルト。リンクされたドキュメントを同じフレーム内で開きます。
_parent	親フレームセットでリンクされたドキュメントを開きます。
_top	リンクされたドキュメントをウィンドウ全体で開きます。
フレーム名	リンクされたドキュメントを指定されたフレームで開きます。

HTML ターゲット属性関連の記事については、PHP 中国語 Web サイトに注目してください。