記事タグHTML5iframeタグ(iframe要素)は、HTML文書内に他のHTML文書を埋め込みます。HTML5におけるiframe要素の意味と使い方、使用できる属性、サンプルコード、使用例について解説します。>iframe要素は入れ子になったブラウジングコンテキストを表します。文書内に他のHTML文書を埋め込むことができます。埋め込まれたHTML文書の高さを指定します。値には正の整数を指定する必要があります。埋め込まれた文書に名前を付与します。この名前を使用して、JavaScriptから要素にアクセスしたり、付与した名前をリンクのターゲットに使用したりできます。要素によって埋め込まれたHTML文書には、以下のような制限がかかります。埋め込まれた文書は、固有のオリジン(URLスキーム、ホストおよびポートの組み合わせ)を持つものとして扱われます。埋め込まれた文書からのフォーム送信とスクリプトの実行は無効にされます。埋め込まれた文書から別のブラウジングコンテキストを指しているリンクは無効になります。その上で、次ページの各属性値を指定して、制限をコントロールすることができます。これらの値は、半角スペースで区切って複数指定することが可能です。allow-same-origin埋め込まれた文書を固有のオリジンとはせず、親文書と同じオリジンを持つものとします。allow-top-navigation埋め込まれた文書から別のブラウジングコンテキストを指しているリンクを有効にします。allow-forms埋め込まれた文書からのフォーム送信を有効にします。allow-popups埋め込まれた文書からのポップアップを有効にします。allow-scripts埋め込まれた文書からのスクリプトの実行を有効にします。】この属性を指定されたiframe要素は、境界線などがなく、あたかも親文書の一部のように(シームレスに)埋め込まれます。親文書から埋め込まれた文書に対してスタイルを適用したりできます。seamless属性は論理属性です。以下に挙げる条件がすべて満たされるとき、iframe要素はシームレスモードで動作します。seamless属性が指定され、かつsandbox属性が指定されていない埋め込まれる文書が親文書と同一オリジンを持つか、srcdoc属性を指定されているまた、シームレスモードで動作するiframe要素は以下のように扱われます。文書内に埋め込む他のHTML文書のURLを指定します。src属性が指定されている場合、その値に空白文字列は認められず、かつ妥当なURLが指定される必要があります。マイクロデータのitemprop属性がiframe要素に指定されている場合は、src属性は必ず指定します。文書内に埋め込むHTML文書の内容を指定します。表示したいHTMLを属性値として直接入力します。入力する際の記述方法は仕様によって厳密に定義されていますが、実際にはbody要素の内容のみ記述すれば大丈夫です。srcdoc属性値に入る「"」および「&」は文字参照(それぞれ「&quot;」「&amp;」)とする必要があります。src属性とsrcdoc属性が両方とも指定されている場合、srcdoc属性の内容が優先的に読み込まれます。埋め込まれたHTML文書の幅を指定します。値には正の整数を指定する必要があります。グローバル属性すべての要素で使用できる属性です。グローバル属性とイベントハンドラ属性ポイントiframe要素を用いて他に用意しておいた広告用のWebページを表示させる場合は、以下のように記述します。height="300"></iframe></aside>srcdoc属性を用いる場合は、以下のように属性値に直接、HTML文書を入力します。文書中の「"」は文字参照として「&quote;」と記述する必要があります。</p>"></iframe>XHTML5文書では、srcdoc属性に入るXHTMLもXMLとして妥当な構文にする必要があります。終了タグを省略したりすることはできません。タグを囲む「<」「>」も文字参照として「&lt;」「&gt;」と記述する必要があります。Share記事をシェアするtweetpocketこの記事が気に入ったらいいね!しようできるネットから最新の記事をお届けします。ゆうこ)Webサイト制作を行うデジパ株式会社所属のマークアップエンジニア。HTML、CSSによるコーディング業務から、CMSの導入・カスタマイズまで、制作業務全般に携わる。「ディレクターからの指示がなくても、かゆいところに手が届くように」がモットー。よしき)フリーランスによるWebサイト制作業務などを経て、2004年よりWebサイト制作を行うデジパ株式会社に所属。クリエイティブ事業部マネージャー。個人活動としてセミナーでの講演、執筆も行う。