インラインフレームを作る<iframe>タグは、インラインフレームを作る際に使用します。インラインフレームとは、文書内に別の文書などの閲覧コンテンツを入れ子に配置したもののことです。src属性は、文書内に別の文書をフレーム表示する際に使用します。src属性の値には、フレーム表示する文書のURLを指定します。■HTML4.01からHTML5へのバージョンアップによる変更点HTML5では、frameborder属性・marginheight属性・marginwidth属性・scrolling属性・longdesc属性が廃止されています。一方で、新しくsrcdoc属性・sandbox属性・seamless属性が追加されています。■フレーム表示する内容をsrcdoc属性の値として指定srcdoc属性は、フレーム表示する内容を属性値として指定する際に使用します。)などの引用符が出てくる場合には&quot;とエスケープします。)が出てくる場合には、&amp;amp;と二重エスケープする必要があります。src属性とsrcdoc属性を同時に指定した場合には、srcdoc属性が優先されます。srcdoc属性を使用すれば、インラインフレーム用の別文書を用意する必要が無くなりますが、srcdoc属性がサポートされていないブラウザを考慮するなら、別文書を用意してsrc属性も指定してやるとアクセシビリティーが高まるでしょう。srcdoc="<p>フレーム表示される内容です。href=&quot;http://xxxxx.xxx/?p=1&amp;amp;r=1&quot;>こちらのページ</a>をご確認ください。src="http://xxxxx.xxx/"></iframe>[/html]■フレーム内コンテンツの表示にsandbox属性で制限を加えるsandbox属性は、悪意あるコンテンツから被害を受けるのを避けるために、フレーム内コンテンツの表示に制限を加える際に使用します。sandbox属性を指定すると、そのフレームのコンテンツは出処が別個のものと見なされて、フォーム・スクリプト・他の閲覧コンテンツへのリンク・プラグインが無効となります。sandbox属性の値として指定できるのは、allow-same-origin・allow-forms・allow-scriptsの3種類です。allow-same-originフレーム内のコンテンツの出処が、親ページと同じものとされる。allow-formsフレーム内のコンテンツのフォームを有効にする。allow-scriptsフレーム内のコンテンツのスクリプトを有効にする。以下の使用例では、sandbox属性に3つの値すべてを指定しています。この場合、フレーム内のコンテンツの出処は同じものと見なされ、フォームとスクリプトは有効になります。ポップアップとプラグインは無効となります。src="http://example.com/"></iframe>[/html]■seamless属性を指定すると、親ページの一部のように表示させられるseamless属性は、フレーム内のコンテンツを、あたかも親ページの一部のように表示させる際に使用します。サポートされたブラウザでは、それがフレームかどうか一見しただけでは分からないような境界線の無い表示になると思われます。逆に言えば、seamless属性が無ければインラインフレームには境界線が表示されるということになるのかもしれません。(HTML5ではframeborder属性が廃止されているので)■<iframe>~</iframe>の内容は何も意味を持たないHTML4.01では、<iframe>~</iframe>の間には、インラインフレームをサポートしていない環境向けの内容を記述することになっていました。HTML5では、<iframe>~</iframe>に内容を指定しても、何も意味を持たないことになっています。インラインフレームをサポートしていない旧いブラウザでは、<iframe>~</iframe>の内容がアクセシビリティーの向上に役立つでしょう。した環境に配慮するなら、<iframe>~</iframe>の中に何らかの内容を含めても良いでしょう。プライバシーポリシーサイトマップリンク集w3c検証サービス|ホームページ制作つくば株式会社アドワークスのホームページは、国際W3C準拠ベースのホームページです。reserved.ホームページ制作つくばアドワークス|。