<iframe>

HTML文書の一部にsrc属性で指定した内容を表示させることができます。<iframe>～</iframe>の間には、この要素に対応していないブラウザで出力する内容を記述します。

ブラウザ

IE3 / IE4 / IE5 / IE5.5 / IE6 / N6 / N7 / O6 / O7 / O9 / Fx1 / Fx2 / IE5 mac

仕様

・構成
要素区分	エンドタグ	ネストできる要素	備考
インライン	省略不可	`flow` が何回か出現、もしくは出現しない。	HTML4.0 strictでは使えないのでご注意ください。

・属性
属性名	必須	意味	値
src		フレームに表示させたいもののURL	URL
name		識別名	任意のテキスト
longdesc		詳細な説明が記述されたURL	URL
width		要素の幅	%かpx
height		要素の高さ	%かpx
marginwidth		フレーム内の左右マージン	px値
marginheight		フレーム内の上下マージン	px値
scrolling		スクロールバーの表示方法	`auto` 必要があればスクロールバー表示(規定値) `yes` スクロールバー表示 `no` スクロールバー無し
frameborder		枠の表示・非表示	`1` 外枠あり(規定値) `0` 外枠無し
align		水平方向の配置	`left` 左端 `center` 中央 `right` 右端 `justify` 両端揃え
class		class名	スタイルシートを設定したclass名
id		id名	スタイルシートを設定したid名もしくは、任意のテキスト
title		説明文	任意のテキスト
style		スタイル	任意のスタイル

▲PageTop

サンプル

ソースコード

<html>
  <head>
    <title>サンプルコード</title>
  </head>
  <body>
    <iframe src="../../../../images/development/htmlcss/image.gif" scrolling="no"
        frameborder="1" marginwidth="50" marginheight="0" height="100" width="50%">
      <a href="../../../../images/development/htmlcss/image.gif">iframe内の画像を表示</a>
    </iframe>
  </body>
</html>

表示結果

▲PageTop

<iframe>

ブラウザ

仕様

サンプル

ソースコード

表示結果

関連項目

HTML