<iframe>インラインフレームを表示

HTML5のiframe要素では、longdesc属性、scrolling属性、frameborder属性、marginwidth属性、marginheight属性、align属性が廃止されています。
またsrcdoc属性、sandbox属性が追加されました。

src属性とsrcdoc属性について

src属性で、iframe要素内に表示するwebページのURLを指定します。 srcdoc属性では、iframe要素内に表示するwebページのコンテンツを指定します。 この時、srcdoc属性の値そのものに、HTMLを含めた内容を記述することができます。 こうする事で新しくHTML文書を用意する必要がなくなります。

またsrcdoc属性に指定する内容にダブルクォーテーション「"」などの引用符がある場合は、&quot;というように記述します。 アンパサンド「&」がある場合には、&amp;amp;というように記述する必要があります。

src属性とsrcdoc属性の両方を指定した場合、srcdoc属性が優先されます。 ですが、srcdoc属性がサポートされていないブラウザでは、src属性で指定したwebページが表示されます。

<iframe srcdoc="<p>フレームに表示する内容</p>" src="sample.html"></iframe>

sandbox属性でiframe内の動作に制限をかける

sandbox属性では、インラインフレーム内に表示するコンテンツにセキュリティ上の動作制限をかけることができます。

これは悪意のあるスクリプトなどが埋め込まれるのを防ぐためで、sandbox属性の値を「なし」で指定するとインラインフレームで表示されるコンテンツは別のものと見なされ、スクリプト、プラグイン、リンクターゲットなどが無効化されます。

sandbox属性での制限を一部許可したい場合は、次の値をsandbox属性の値に指定します。 複数の値を指定する場合は、半角スペースで区切ります。

seamless属性とiframe要素の注意点

seamless属性は、フレーム内のコンテンツをあたかも1つのHTML文書であるかのように表示させられる属性です。 ですが最終勧告で破棄されています。

またHTML5のiframe要素の内容は、意味を持たないテキストとして扱われます。 ですがiframe要素に対応していない古いブラウザでは、代替コンテンツとして扱われる点に注意して下さい。