(cache) <iframe> - インラインフレーム

項目	説明
形式	<iframe src="...">～</iframe>
サポート	H5 / H4T / e3 / Ch1 / Fx1 / Sa1 / Op1 / N6
カテゴリ	フローコンテンツ, フレージングコンテンツ, エンベデッドコンテンツ, インタラクティブコンテンツ, パルパブルコンテンツ
親要素	エンベデッドコンテンツを子要素に持てるもの
子要素	テキスト (条件あり)
タグの省略	開始タグ:必須 / 終了タグ:必須

iframe は Inline FRAME の略です。src で指定した他のドキュメントを画面中にインラインで表示することができます。<iframe>～</iframe> の間には、<iframe> に対応していないブラウザのためのメッセージを記述します。

HTML4.01 Transitional には採用されたものの、HTML4.01 Strict には採用されませんでしたが、HTML5 には採用されています。

【個別属性】
属性	意味
src=url	H5/H4T/e3/Ch/Fx/Sa/Op/N6。フレームの中身に表示する文書のURLを指定します。
srcdoc=contents	H5/Ch/Fx/Op。フレームに表示するコンテンツを src属性で別ファイルから指定するのではなく、直接 srcdoc属性で指定します。IE11, Safari 5.1 ではまだサポートされていません。
name=name	H5/H4T/e3/Ch/Fx/Sa/Op/N6。フレームの名前を指定します。
sandbox=sandbox	H5/e10/Ch/Fx/Sa/Op。sandbox 属性を値なしで指定すると、iframeで表示されるコンテンツは別サイトのものと見なされ、フォームのサブミット、スクリプト、トップレベルコンテンツへの操作(window.top.location など)、Cookieなどへのアクセス、ポップアップ(<a target="_blank"> や window.open())、プラグインなどが無効化されます。sandbox="allow-xxx" のように値を指定すると、一部の機能を許可することができます。allow-xxx には、下記の値をスペースで区切って複数指定することが可能です。　　allow-forms：フォームのサブミットを許可　　allow-scripts：ポップアップを除くスクリプトを許可　　allow-top-navigation：トップレベルコンテンツへの操作を許可　　allow-same-origin：Cookieなどへのアクセスを許可

【表示関連】
属性	意味
width=n	H5/H4T/e3/Ch/Fx/Sa/Op/N6。フレームの横幅をピクセルまたはパーセンテージで指定します。
height=n	H5/H4T//e3/Ch/Fx/Sa/Op/N6。フレームの高さをピクセルまたはパーセンテージで指定します。
align=align	H4T-4T/e3/Ch/Fx/Sa/Op/N6。フレームを表示する位置を指定します。
hspace=n	e3-10。フレームの周りの横方向の余白をピクセル単位で指定します。
vspace=n	e3-10。フレームの周りの縦方向の余白をピクセル単位で指定します。
marginheight=n	H4T-4T/e3/Ch/Fx/Sa/Op//N6。フレームの上下の余白をピクセル単位で指定します。
marginwidth=n	H4T-4T/e3/Ch/Fx/Sa/Op/N6。フレームの左右の余白をピクセル単位で指定します。
allowtransparency=bool	e55-9?。フレームを透明色にする場合は true を指定します。既定値は false です。この機能を有効にするには、フレーム内に表示するドキュメントの <body> の背景色(bgcolor)が "transparent" である必要があります。最近のブラウザでは、デフォルトで透明色になるようです。

【ボーダー関連】
属性	意味
border=n	e4-?。フレームの枠線の太さをピクセル単位で指定します。
bordercolor=color	e4-?。フレームの枠線の色を指定します。
frameborder=frameborder	H4T/e3-?/N6。フレームの枠線を表示する場合は 1 を、表示しない場合は 0 を指定します。IEでは yes と no も指定可能です。

【その他の属性】
属性	意味
datafld=datafld	e4-?。データバインド機能を用いる際の、データソースの列名を指定します。
datasrc=datasrc	e4-?。データバインド機能を用いる際の、データソースの ID を指定します。
framespacing=framespacing	e4-?。フレーム間の隙間をピクセル単位で指定します。
longdesc=longdesc	H4T-4T。このフレームに関する説明が TITLE 属性で示せないくらいに長文の場合に、その説明ページのURLを指定します。
scrolling=scrolling	H4T/e3/Ch/Fx/Sa/Op/N6。スクロールバーの表示を制御します。　　yes：常に表示　　no：常に非表示　　auto：自動(既定値)
seamless	H5d。フレームコンテンツがシームレスに表示されます。フレームの境界線は無く、CSS等も、あたかもフレーム内コンテンツがフレーム外のコンテンツの一部であるように適用されます。HTML5 の草案で検討されていましたが、最終勧告では破棄されました。

【一般属性】
属性	意味
accesskey=key	H4/e4/Ch2/Fx2/Sa3/Op12/N6/i1。アクセスキーを指定します。
class=class	H4/e3/Ch1/Fx1/Sa1/Op1/N4。クラスを指定します。
contenteditable=bool	H5/e55/Ch11/Fx3/Op10.6/Sa3.2。要素を編集可能にします。
dir=dir	H4/e5/Ch5/Fx4/Sa6/Op25/N6。文字の表示方向を指定します。
hidden	H5/e/Ch/Fx/Sa/Op。要素を非表示にします。
id=id	H4/e3/Ch/Fx/Sa/Op/N4。ID を指定します。
lang=lang	H4/e4/Ch/Fx/Sa/Op/N6。言語を指定します。
spellcheck=bool	H5。スペルをチェックします。
style=style	H4/e3/Ch/Fx/Sa/Op/N4。スタイルシートを指定します。
tabindex=n	H4/e4/Ch/Fx/Sa/Op/N6。タブインデックスを指定します。
title=title	H2/e2/Ch/Fx/Sa/Op/N6。タイトルを指定します。
translate=title	H5。翻訳可否を指定します。

HTML

<iframe src="sample.html" height=300 width=300>
 この部分は iframe 対応のブラウザで見てください。
</iframe>

<iframe> - インラインフレーム