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

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

外のページからのリンク

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

HTML
<html>
<head>
<title>サンプル</title>
</head>
<body>
<p>インラインフレーム内のリンク</p>
<iframe src="test.htm" name="popo" width="200" height="100"></iframe>
<p>外のページからのリンク</p>
<iframe src="test2.htm" name="popo2" width="200" height="100"></iframe>
<a href="pr.htm" target="popo2">インラインフレーム内にリンク</a>
</body>
</html> 
 

サンプル - Microsoft Internet Explorer

違うインラインフレームにリンクなど


インラインフレームを表示しているHTMLファイルのソース
<p>違うインラインフレームにリンクなど</p>
<iframe src="i.htm" name="pepe" width="200" height="100"></iframe>
</br>
<iframe src="i2.htm" name="pepe2" width="250" height="100"></iframe>
インラインフレーム内のファイル(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>

スポンサード・リンク