HTML <a> target属性

HTML <a> タグ

定義と使用法

target 属性はリンクドキュメントを開く場所を指定します。

例

target属性はリンクドキュメントを開く場所を指定します：

<a href="https://www.codew3c.com" target="_blank">CodeW3C.comにアクセス</a>

実際に試してみてください

構文

<a target="_blank|_self|_parent|_top|framename">

target この属性の用途は、ブラウザにリンクされたリソースをどこに表示するかを指示することです。デフォルトでは、ブラウザは現在のドキュメントを表示しているウィンドウ、タブ、またはフレーム（iframe）を使用しますので、新しいドキュメントは現在表示されているドキュメントに置き換わりますが、他の選択肢もあります。以下の表を参照してください：

属性値

値 説明
_blank 新しいウィンドウまたはタブでリンクのドキュメントを開く
_self クリックしたフレームでリンクのドキュメントを開く（デフォルト）
_parent 親フレームでリンクのドキュメントを開く
_top ウィンドウの全体のメイン部分でリンクのドキュメントを開く
framename 指定されたiframe内でリンクドキュメントを開く

詳細な説明

もし<a>タグ内にtarget属性が含まれていれば、ブラウザはこのタグのhref属性で名前が一致するフレームまたはウィンドウにドキュメントを読み込んで表示します。指定された名前やidのフレームまたはウィンドウが存在しない場合、ブラウザは新しいウィンドウを開き、そのウィンドウに指定されたタグを与え、新しいドキュメントをそのウィンドウに読み込むことになります。それ以降、超リンクドキュメントはこの新しいウィンドウを指すことができます。

新しいウィンドウを開く

被指向的超链接使得创建高效的浏览工具变得很容易。例えば、単純な内容ドキュメントのリストを、ドキュメントを単独のウィンドウにリダイレクトできる：

<h3>目次</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」がまだ開いている場合、ブラウザは再び選択されたドキュメントをそのウィンドウにロードし、以前のドキュメントを置き換えます。

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

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

完全なブラウザウィンドウを開く必要はなく、ターゲットを使用して、<frameset>内でハイパーリンクの内容を1つまたは複数のフレームにリダイレクトする一般的な方法があります。このコンテンツリストを2つのフレームを持つドキュメントの1つのフレームに配置し、選択されたドキュメントを表示する隣接するフレームを使用することができます：

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

実際に試してみてください

ブラウザが最初にこれらのフレームを表示したとき、左側のフレームには目次が含まれ、右側のフレームには前言が含まれています。

「toc.html」のソースコードは以下の通りです：

<h3>目次</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

このターゲットの値は、ターゲットを指定していないすべての <a> タグに対してデフォルトのターゲットであり、ターゲットドキュメントを同じフレームまたはウィンドウに読み込んで表示します。このターゲットは余分で不必要であり、ドキュメントのタイトル <base> タグの target 属性と一緒に使用する場合を除き不要です。

_parent

このターゲットは、ドキュメントを親ウィンドウまたはハイパーリンクを参照するフレームを含むフレームセットに読み込むことを目的としています。この参照がウィンドウまたはトップフレームにある場合、これはターゲット _self と等価です。

_top

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

ヒント：これらの target のすべて 4 値は下線で始まります。他のすべての下線で始まるウィンドウまたはターゲットはブラウザによって無視されます。したがって、下線はドキュメントで定義されたフレーム name または id の最初の文字として使用しないでください。

ブラウザのサポート

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
サポート サポート サポート サポート サポート

HTML <a> タグ