<iframe>


HTML <iframe> タグ

インスタンス

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head> 
<body>

<iframe src="http://www.php.cn">
  <p>您的浏览器不支持  iframe 标签。</p>
</iframe>

</body>
</html>

インスタンスの実行 »

[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します

ブラウザのサポート

1000.png

すべての主要なブラウザは <iframe> タグをサポートしています。

タグの定義と使用方法

<iframe> タグはインライン フレームを指定します。

インライン フレームは、現在の HTML ドキュメント内に別のドキュメントを埋め込むために使用されます。

ヒントとメモ

ヒント: <iframe> をサポートしていないブラウザに対処するために、<iframe> と </iframe> の間に必要なテキストを配置できます。

ヒント: CSS を使用して <iframe> (スクロールバーを含む) のスタイルを定義します。

HTML 4.01とHTML5の違い

HTML5では、HTML 4.01のいくつかの新しい属性が追加され、いくつかの属性が削除されています。

HTML と XHTML の違い

XHTML では、name 属性は非推奨となり、削除される予定です。代わりに id 属性を使用してください。

属性

New: HTML5 の新しい属性。

プロパティ値説明
整列左
そう
トップ
真ん中
下		HTML5はサポートされていません。 HTML 4.01 は非推奨になりました。 <iframe> を周囲の要素に対してどのように配置するかを指定します。
フレームボーダー1
0		HTML5はサポートされていません。 <iframe>の周囲に枠線を表示するかどうかを指定します。
heightpixels <iframe> の高さを指定します。
longdescURLHTML5はサポートされていません。 <iframe> のより長い説明を含むページを指定します。
marginheightピクセルHTML5はサポートされていません。 <iframe>の上下の余白を指定します。
marginwidthピクセルHTML5はサポートされていません。 <iframe>の左右の余白を指定します。
namenameは、<iframe>の名前を指定します。
サンドボックス新しい""
許可フォーム
同一オリジンを許可する
許可スクリプト
allow-top-navigation		 は、<iframe> のコンテンツに対する一連の追加の制限を定義します。
スクロールはい
いいえ
Auto		HTML5 はサポートされていません。 <iframe> にスクロール バーを表示するかどうかを指定します。
シームレスNewシームレス は、<iframe> が親ドキュメントの一部のように見えることを指定します。
srcURL <iframe>で表示されるドキュメントのURLを指定します。
srcdocNewHTML_code は、ページ内の HTML コンテンツが <iframe> で表示されることを指定します。
widthpixels <iframe>の幅を指定します。

グローバル属性

<iframe> タグは HTML グローバル属性をサポートします。

イベント属性

<iframe> タグは HTML イベント属性をサポートします。

関連記事

HTMLチュートリアル: HTMLフレームワーク

HTML DOMリファレンスマニュアル: IFrameオブジェクト