iframe要素 インラインフレーム (inline subwindow)

 
インライン要素
ホーム > HTML Note > iframe要素
H4-x1 ie3- N6-

説明

<iframe>-</iframe> 開始タグ:必須 終了タグ:必須
インラインフレームは、文章内(インライン)において使用するフレームです。 <iframe>-</iframe>の間には、iframe要素に対応していないブラウザのためのメッセージを記述します。
 

属性 (W3C)

<iframeH4-x1 ie3- N6-
中心属性 id class style title
longdesc="URI" H4-x1
説明文URI  参照
name="名前" H4-x1 ie3- N6-
フレーム名
src="URI" H4-x1 ie3- N6-
フレーム内文書  参照
frameborder="(1|0)" H4-x1 ie3- N6-
枠線の有無
 1 表示 (初期値)
 0 非表示
marginwidth="ピクセル" H4-x1 ie3- N6-
フレーム内、左右の余白
marginheight="ピクセル" H4-x1 ie3- N6-
フレーム内、上下の余白
scrolling="(yes|no|auto)" H4-x1 ie3- N6-
スクロールバーの有無
yes常に表示
no常に非表示
auto自動表示 (初期値)
align="位置" (非推奨) H4-x1 ie3- N6-
文字との位置関係  詳細
topフレーム上部と文字一行を揃えて表示
middleフレーム中央と文字一行を揃えて表示
bottomフレーム下部と文字一行を揃えて表示 (初期値)
left左にフレームを浮動、右に文字を回り込み表示
right右にフレームを浮動、左に文字を回り込み表示
height="長さ" H4-x1 ie3- N6-
フレームの高さ
N(px)、S%で指定。
width="長さ" H4-x1 ie3- N6-
フレームの横幅
N(px)、S%で指定。
>(%block;|%inline;)*</iframe>

ブラウザ独自の属性 (ie N)

allowransparency=
"(ture|false)"
ie55-
未調査
application="" ie5-
未調査
hspace="ピクセル" ie3-
フレーム外、左右の余白
vspace="ピクセル" ie3-
フレーム外、上下の余白

使用例

今日は天気があんまりよいので大掃除をしようかなと思う。
<iframe src="iframe/cont.htm" width="100" height="100">インラインフレーム対応ブラウザでご覧ください。</iframe>今日は天気があんまりよいので大掃除をしようかなと思う。
 

目標フレームへの表示

インラインフレームを含む文書のリンクをクリックして、特定インラインフレーム内にリンク先文書を表示させたい場合などがあります。これにはa要素などのtarget属性を使用します。
<iframe ... name="cont1">
「name="cont1"」とインラインフレーム名を指定したフレーム内に目的の文書を表示させるためには下記のように記述します。
<a href="リンク先文書" target="cont1">リンク</a>
iframe要素の「name="cont1"」とa要素の「target="cont1"」が関連付けられ、cont1フレームにリンク先の文書が表示されます。

name属性とtarget属性の関係


target属性では、リンク先の文書を開く目標フレームを指定することができます。ここで指定した目標フレームと、iframe要素などのname属性のフレーム名を同じにすることで関連づけがおこなわれ、意図したフレームにリンク先の文書を表示させることができるようになります。
target属性は、リンクを生成する要素(a要素link要素)、イメージマップ(area要素)、フォーム(form要素)において指定することができます。
 

フレームの解除

デフォルトでインラインフレーム内文書のリンクをクリックすると、同一インラインフレーム内にリンク先文書が表示されます。フレームを解除してリンク先を表示させるには、a要素などのtarget属性に[_top]という値を設定します。
<a href="リンク先文書" target="_top">

[_top]は、特別な意味を持つ予約済み目標フレームのひとつです。
 
関連要素: frameset>frame | iframe | noframes
トップページ HTML Note ページトップ
 2003/07/11発行 2008/01/01更新