最新のWeb開発のチュートリアル

HTML Iフレーム


IFRAMEは、ウェブページ内にWebページを表示するために使用されます。


フレームの説明

フレームは、視覚的なHTMLブラウザのウィンドウが異なる文書を表示することができますそれぞれのセグメントに分割することができます。 これは、変数の内容を別に表示されている間、レイアウトの繰り返し部分は、一つのフレームに使用することができるように、帯域幅の使用を低下させることができます。

これは、相互に隣接して表示されていると、同じ親ウィンドウとの対話が許可される別個の独立した文書(またはウェブサイト)に、特に非視覚系ユーザエージェントでは、特定のユーザビリティのコストで来るかもしれません。

このためコストが、(iframe要素を除く)のフレームのみをHTML 4.01フレームセットで許可されています。

Iフレームはまた、異なるサーバ上の文書を保持することができます。 この場合、ウィンドウ間の相互作用は、ブラウザによってブロックされています。


iframeの構文

IFRAMEを追加するための構文は次のとおりです。

<iframe src=" URL "></iframe>

src属性は、URLを指定する(web address)のiframeページのを。


IFRAME - セット高さと幅

サイズを指定するには、 高さの属性を使用してください。

属性値は、デフォルトではピクセル単位で指定されているが、彼らはまた、パーセントにすることができ(like "80%")

<iframe src="demo_iframe.htm" width="200" height="200"></iframe>
»それを自分で試してみてください

IFRAME - ボーダーを削除します

デフォルトでは、IFRAMEはその周りに黒い枠線を持っています。

境界線を削除するには、追加style属性をとCSSのborderプロパティを使用します。

<iframe src="demo_iframe.htm" style="border:none"></iframe>
»それを自分で試してみてください

CSSを使用すると、またサイズ、スタイルとiframeの枠線の色を変更することができます。

<iframe src="demo_iframe.htm" style="border:5px dotted red"></iframe>
»それを自分で試してみてください

リンクのターゲットとしてのiframeを使用してください

IFRAMEは、リンクのターゲットフレームとして使用することができます。

targetリンクの属性は、を参照しなければなりませんnameのiframeの属性:

<iframe src="demo_iframe.htm" name="iframe_a"></iframe>
<p><a href="http://www.w3ii.com" target="iframe_a">w3ii.com</a></p>
»それを自分で試してみてください

HTML IFRAMEタグ

タグ 説明
<iframe> インラインフレームを定義します

練習で自分自身をテストします!

演習1» 演習2» 演習3» 演習4»