定義と使用法
<iframe>タグは、インラインフレームを指定します。
インラインフレームは、現在のHTMLドキュメント内の他のドキュメントを埋め込むために使用されます。
ブラウザのサポート
| 素子 | |||||
|---|---|---|---|---|---|
| <iframe> | はい | はい | はい | はい | はい |
ヒントと注意事項
ヒント：サポートしないブラウザに対処するには<iframe> 、開口部との間のテキストを追加し<iframe>タグと終了</iframe>タグ。
ヒント：使用CSSはスタイルに<iframe> （でも、スクロールバーを含むように）を。
HTML 4.01とHTML5の違い
HTML5は、いくつかの新しい属性を追加した、といくつかのHTML 4.01属性はHTML5から削除されます。
HTMLとXHTMLの違い
XHTMLでは、 name属性は廃止され、削除されます。 使用グローバルid属性を代わりに。
属性
= HTML5で追加。
| 属性 | 値 | 説明 |
|---|---|---|
| align | left right top middle bottom | HTML5でサポートされていません。 配置を指定し<iframe>周囲の要素に応じて |
| frameborder | 1 0 | HTML5でサポートされていません。 周囲に境界線を表示するかどうかを指定し<iframe> |
| height | pixels | 高さを指定し<iframe> |
| longdesc | URL | HTML5でサポートされていません。 内容の長い説明が含まれるページを指定し<iframe> |
| marginheight | pixels | HTML5でサポートされていません。 内容の上下の余白を指定し<iframe> |
| marginwidth | pixels | HTML5でサポートされていません。 コンテンツの左右の余白を指定し<iframe> |
| name | text | 名前を指定します<iframe> |
| sandbox | allow-forms allow-pointer-lock allow-popups allow-same-origin allow-scripts allow-top-navigation | 内のコンテンツのための制限の余分なセットを有効にします<iframe> |
| scrolling | yes no auto | HTML5でサポートされていません。 スクロールバーを表示するかどうかを指定し<iframe> |
| src | URL | 埋め込む文書のアドレスを指定します<iframe> |
| srcdoc | HTML_code | 表示するページのHTMLコンテンツを指定し<iframe> |
| width | pixels | 幅を指定します<iframe> |
グローバル属性
<iframe>タグにも対応グローバルは、HTMLの属性 。
イベント属性
<iframe>タグもサポートしています。イベントは、HTMLの属性 。
関連ページ
HTMLチュートリアル： HTMLにIframe
HTML DOMリファレンス： iframeオブジェクト
デフォルトのCSS設定
ほとんどのブラウザが表示されます<iframe>次のデフォルト値を持つ要素を：
iframe:focus {
outline: none;
}
iframe[seamless] {
display: block;
}