<iframe> | HTMLタグ辞典

インラインフレームを作るタグ。

Inline Frameの略。HTMLページの中に別のHTMLページを表示することができます。ブログパーツやアフィリエイトパーツとしても良く利用されます。

基本パラメーター

src="url"　表示する文書のURLを指定。

name="xxx" フレームに名前を設定。
　<a href="yyy.zz" target="xxx"> のtarget属性を指定すれば該当フレームに表示されます。

表示のパラメーター

align="left/center/right" …フレームを表示する位置を指定。

height="n" …フレームの高さをピクセルまたはパーセンテージで指定。

width="n" …フレームの横幅をピクセルまたはパーセンテージで指定。

hspace="n" …フレームの周りの横方向の余白をピクセル単位で指定。

vspace="n" …フレームの周りの縦方向の余白をピクセル単位で指定。

marginheight="n" …フレームの上下の余白をピクセル単位で指定。

marginwidth="n" …フレームの左右の余白をピクセル単位で指定。

allowtransparency="bool" …フレームを透明色にする場合は true を指定。既定値は false です。
この機能を有効にするには、フレーム内に表示するドキュメントの <body> の背景色（bgcolor）が "transparent" である必要があります。

ボーダーのパラメーター

border="n" …フレームの枠線の太さをピクセル単位で指定。

bordercolor="color" …フレームの枠線の色を指定。

frameborder="0/1" …0:フレームの枠線を非表示。/ 1:フレームの枠線を表示。

scrolling="yes/no/auto" …スクロールバーの表示設定。yes：常に表示 / no：常に非表示 / auto：自動（既定値）

IFRAME非対応の場合

<IFRAME>～</IFRAME>の間に記述した文章は、<IFRAME>に対応していないブラウザに表示する内容を記述します。

サンプルコード

サンプルコード(target="xxx"の指定)

英単語クイズ<br>
<a href="/html/sample/a1.html" target="demo">お茶の英単語</a><br>
<a href="/html/sample/a2.html" target="demo">お水の英単語</a><br>
<a href="/html/sample/a3.html" target="demo">コーヒーの英単語</a><br>
<iframe src="/html/sample/a0.html" name="demo" width="300" height="100" bordercolor="red" frameborder="1" scrolling="no">
インラインフレームを使用しています。対応していないブラウザはこの文章が表示されます。
</iframe>

英単語クイズ
お茶の英単語
お水の英単語
コーヒーの英単語

HTMLの一般属性

属性	説明
class="～"	クラス名を指定。使用例
id="～"	IDを指定します。使用例
style="～"	スタイルシートを直接記述。使用例
title="～"	タイトルを指定します。
dir="ltr\|rtl"	文字の表示方向を指定。 ltr(左から右)、rtl(右から左)
lang="～"	言語を指定。日本語の場合は"ja"

WEB技術の辞書・解説・使用例