こんな保険あったの!?必見♪知って得する生命保険
HOME >> HTML > インラインフレームのリンク

point インラインフレームのリンク

<IFRAME src="ファイルのアドレス" name="フレーム名">〜</IFRAME>
インラインフレームを使ったページでリンクを貼るには、通常のフレームと同じように、インラインフレームにname属性を使って名前を付けます。そして、リンクを貼る<A>タグの中にtarget属性をつけて表示したいインラインフレームの名前を指定します。例えば、<IFRAME src="〜" name="popo">〜</IFRAME>というように、popoという名前を付けたインラインフレーム内にリンク先の内容を表示したい場合は、<A href="〜" target="popo"><A>のように記入します。

また、target属性の値に「_blank」を指定すれば新しいウィンドウを開いてリンク先の内容を表示できますし、「_top」を指定すれば、インラインフレームを解除して、全画面にリンク先の内容を表示できます。

サンプル - Microsoft Internet Explorer
ホーム(H)メニュー(M)戻る(B)進む(N)
インラインフレーム内のリンク
外のページからのリンク

インラインフレーム内にリンク

ソース
<HTML>
<HEAD>
<TITLE>サンプル</TITLE>
</HEAD>
<BODY>

<H5>インラインフレーム内のリンク</H5>
<IFRAME src="test.htm" name="popo" width="200" height="100"></IFRAME>

<H5>外のページからのリンク</H5>
<IFRAME src="test2.htm" name="popo2" width="200" height="100"></IFRAME>
<A href="pr.htm" target="popo2">インラインフレーム内にリンク</A>

</BODY>
</HTML>
サンプル - Microsoft Internet Explorer
ホーム(H)メニュー(M)戻る(B)進む(N)
違うインラインフレームにリンクなど

インラインフレームを表示している所のソース
<H5>違うインラインフレームにリンクなど</H5>
<IFRAME src="i.htm" name="pepe" width="200" height="100"></IFRAME>

<P>
<IFRAME src="i2.htm" name="pepe2" width="200" height="100"></IFRAME>
</P>
インラインフレーム内のファイル(i.htm)のソース
<P><A href="if04.htm" target="pepe2">下のインラインフレームに表示</A></P>

<P><A href="http://www.yahoo.co.jp/" target="_top">全画面でYahooを表示</A></P>

<P><A href="link.htm" target="_blank">新しいウィンドウにいろいろリンク集を表示</A></P>

Copyright ©2001〜2011 まさぼ〜 All Right Reserved