インラインフレームで外部ソースからのコンテンツをページに含めることができます
通常は「iframe」と呼ばれるインラインフレームは、HTML5で許可される唯一のタイプのフレームです。 これらのフレームは本質的に、あなたがページを切り落としたセクションです。 あなたがページから切り取ったスペースでは、外部のウェブページをフィードすることができます。 本質的に、iframeはウェブページのすぐ内側に設定された別のブラウザウィンドウです。 Googleマップなどの外部コンテンツやYouTubeの動画を含める必要があるウェブサイトで一般的に使用されているiframeが表示されます。
これらの一般的なWebサイトでは、埋め込みコードでiframeを使用しています。
IFRAME要素の使用方法
この要素は、HTML5グローバル要素と他のいくつかの要素を使用します。 4つはHTML 4.01の属性です。
- - フレームのソースのURL
- - ウィンドウの高さ
- ウィンドウの幅
- - ウィンドウの名前
HTML5では3つの新しい機能が追加されました。
- srcdoc - フレームのソースのHTML。 この属性は、src属性の任意のURLよりも優先されます
- サンドボックス - フレームウィンドウで許可する必要がある機能のリスト
- シームレスに、iframeをレンダリングする必要があることをユーザエージェントに通知する
単純なiframeを作成するには、ソースのURLと幅と高さを設定します。