フレーム（３）

☆フレーム内からのリンク

◎ フレーム内からリンクするときはほんの少し注意が必要です。

その注意点とは
１：同じフレームにリンク先を表示する。
２：違うフレームにリンク先を表示する。
３：フレームを無視（解除）して全画面状態でリンク先を表示させる。
４：まったく別のウインドウを開いてそこにリンク先を表示させる。

リンクタグにそれぞれ、属性を指定することによって出来ます。

※ 参考（復習）：リンクの学習ページへ

◎ リンクタグの属性

1	同じフレームにリンク先を表示する	属性は未記入	通常のリンクタグのみのとき
2	違うフレームにリンク先を表示する	TARGET="フレーム名"	フレームを作ったときに付けたフレームの名前を記入します
3	フレームを解除して全画面状態で	TARGET="_top"	topの前はアンダーハイフンです
4	別のウインドウを開いて表示する	TARGET="_blank"	blankの前はアンダーハイフンです

※ タグの記入例

意味
「フレームを解除して全画面状態でabcファイルを表示します」

◎ サンプル雛形のソース → フレーム内リンクのサンプル雛形へ

サンプルの説明（少しややっこしいですがひとつずつ確認してください！）

※ フレームベースファイル
「左右に２分割のフレーム」
「フレーム名は左を”フレームA”、右を”フレームB”とする」
「それぞれ最初に表示されるファイルは左は”abc1”、右は”abc2”とする」

※ リンクサンプルファイル
「右の”abc2”からリンクするのは、同じ”フレームB”に”abc3”を表示させる」
「右の”abc3”からリンクするのは、フレームを解除して全画面表示で”abc4”を表示させる」
「全画面表示の”abc4”からリンクするのは、最初のフレームで”abc1”と”abc2”を表示させる」
「左の”abc1”からリンクするのは、右の”フレームB”に”abc5”を表示させる」
「右の”abc5”からリンクするのは、別のウインドウを開いて”abc6”を表示させる」
「さらに右の”abc5”からリンクするのは、最初のフレームで”abc1”と”abc2”を表示させる」
「別のウインドウに表示された”abc6”はリンクをせず終了する」

（１）フレームベースファイルのソース

<HTML>
<HEAD>
<TITLE>フレームサンプル（４）</TITLE>
</HEAD>

<FRAMESET COLS="35%,*" BORDER="5">
<FRAME SRC="frameabc1.html" NAME="frameA">
<FRAME SRC="frameabc2.html" NAME="frameB">

<NOFRAMES>
このページはフレーム対応のブラウザでご覧ください。
</NOFRAMES>

</FRAMESET>
</HTML>

（２）リンクサンプル”abc１”ファイルのソース

<HTML>
<HEAD>
<TITLE>フレームリンクabc１</TITLE>
</HEAD>

<BODY>

リンクサンプル”abc１”ファイル 
 

<A href="frameabc5.html" TARGET="frameB">右のフレームBに「abc5」を表示</A>

</BODY>
</HTML>

（３）リンクサンプル”abc２”ファイルのソース

<HTML>
<HEAD>
<TITLE>フレームリンクabc２</TITLE>
</HEAD>

<BODY>

リンクサンプル”abc２”ファイル 
 

<A href="frameabc3.html">同じフレームBに「abc3」を表示</A>

</BODY>
</HTML>

（４）リンクサンプル”abc３”ファイルのソース

<HTML>
<HEAD>
<TITLE>フレームリンクabc３</TITLE>
</HEAD>

<BODY>

リンクサンプル”abc３”ファイル 
 

<A href="frameabc4.html" TARGET="_top">フレームを解除して「abc4」を表示</A>

</BODY>
</HTML>

（５）リンクサンプル”abc４”ファイルのソース

<HTML>
<HEAD>
<TITLE>フレームリンクabc４</TITLE>
</HEAD>

<BODY>

リンクサンプル”abc４”ファイル 
 

<A href="frameabcbase.html">元のフレームで「abc1」「abc2」を表示</A>

</BODY>
</HTML>

（６）リンクサンプル”abc５”ファイルのソース

<HTML>
<HEAD>
<TITLE>フレームリンクabc５</TITLE>
</HEAD>

<BODY>

リンクサンプル”abc５”ファイル 
 

<A href="frameabc6.html" TARGET="_blank">新規ウインドウを開いて「abc6」を表示</A>
 
 

<A href="frameabcbase.html" TARGET="_top">元のフレームで「abc1」「abc2」を表示</A>

</BODY>
</HTML>

（７）リンクサンプル”abc６”ファイルのソース

<HTML>
<HEAD>
<TITLE>フレームリンクabc６</TITLE>
</HEAD>

<BODY>

リンクサンプル”abc６”ファイル 
 

このページからはリンクはしません。 

このウインドウは終了してください。

</BODY>
</HTML>

利用方法の説明ページへ