HTMLリファレンスマニュアル

HTMLタグ完全ガイド

HTML: <iframe> タグ

HTML <iframe>タグは、別のHTMLページを現在のページに埋め込むことを許可します。このタグは通常、<iframe>要素とも呼ばれます。

オンラインサンプル

インラインフレームをマークアップする：

例

!DOCTYPE　html>
<html>
<head>　
<meta　charset="utf-8">　
<title>基本トレーニング(oldtoolbag.com)</title>　
</head>　
<body>
<iframe　src="//ja.oldtoolbag.com">
　　<p>ごめんなさい、あなたのブラウザは　iframe　タグをサポートしていません。</p>
</iframe>
</body>
</html>

テストをしてみる ‹/›

ブラウザが<iframe>タグをサポートしない場合、テキスト「ごめんなさい、あなたのブラウザはiframeをサポートしていません」が表示されます。

ブラウザの互換性

IEFirefoxOperaChromeSafari

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

タグの定義および使用方法

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

フレーム内では、スクリプトがwindow.parentを使用して親ウィンドウを参照できます。

ヒントと注意

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

ヒント：CSSを使用して<iframe>（スクロールバーを含む）にスタイルを定義します。

HTML 4.01 HTMLと5の違い

HTML5 新しい属性が追加され、HTMLの一部の属性が削除されました。 4.01 の一部の属性。

HTMLとXHTMLの違い

XHTMLでは、name属性が廃止され、id属性に置き換わります。

属性

New　：HTML5 に追加された属性。

属性	値	説明
align	left right top middle bottom	HTML5 サポートされていません。HTML 4.01 廃止されました。　　周囲の要素に基づいて<iframe>をどのようにアライメントするかを規定します。
frameborder	1 　0	HTML5 サポートされていません。<iframe>の周囲に枠を表示するかどうかを規定します。
height	ピクセル	<iframe>の高さを指定します。
longdesc	URL	HTML5 サポートされていません。<iframe>に関する長い説明を含むページを指定します。
marginheight	ピクセル	HTML5 サポートされていません。<iframe>の上側と下側のマージンを指定します。
marginwidth	ピクセル	HTML5 サポートされていません。<iframe>の左側と右側のマージンを指定します。
name	name	<iframe>の名前を指定。
sandboxHTML5	"" 　allow-forms 　allow-same-origin 　allow-scripts 　allow-top-navigation	<iframe>の内容に対して一連の追加の制限を定義。
scrolling	yes 　no 　auto	HTML5 サポートされていません。<iframe>内にスクロールバーを表示するかどうかを指定。
seamlessHTML5	seamless	<iframe>が親ドキュメントの一部のように見えるように指定。
src	URL	<iframe>内に表示するドキュメントのURLを指定。
srcdocHTML5	HTML_code	ページ内のHTMLコンテンツを<iframe>内に表示する。
width	ピクセル	<iframe>の幅を指定。

グローバル属性

イベント属性

HTML チュートリアル：HTML フレーム

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

HTML: <img> タグ HTML: <html> タグ