HTML5のリファレンスサイトです。


<iframe>

インラインフレームを設置します。
インラインフレームとは、ページ内に別のページを取り込んで表示します。



<iframe src="http://html5.rentafree.info/" style="width:640px;height:480px"></iframe>

実際の表示



HTML5で、
frameborder = フレームの枠線表示設定
marginheight = フレーム内ページの縦余白
marginwidth = フレーム内ページの横余白
scrolling = フレームのスクロールバー表示設定
longdesc = フレームページについての説明のあるページのURL
属性が廃止されています。

<iframe>を設置する親ページからフレーム内コンテンツの枠線、余白、スクロールバーの設定ができなくなりますが、
これはHTML5ではseamless属性を使用したり、<iframe>自体のCSSボーダーと、内部コンテンツのCSSで設定します。


有効な属性
属性名説明
srcフレーム内に表示するドキュメントのURL。
srcdocこの属性でフレーム内のドキュメントを直接設定できます。srcより優先されます。
nameフレーム名を設定。target属性などで利用できます。
sandboxフレーム内のコンテンツに制限をすることができます。
seamless設定するとフレームは親ページの一部のように表示されます。
widthフレームの横幅
heightフレームの高さ

[編集]   [AD]
rentafree.net