サイト内検索

...HTML・XHTMLタグ...

インラインフレーム

インラインフレームの説明

インラインフレームは、iframe要素を指定します。
一般的にフレームはbody内には使用しませんが、
インラインフレームはこのbody内に、指定します。
iframe要素の指定をすると、ぺージ内のどの場所にも表示できます。
ページを呼び込むには、iframe要素にsrc属性を指定します。
[使い方]
<iframe src="sample.html"></iframe>
[メモ・・・W3Cの検証サービス・・・]
HTML 4.01 Strict ・ XHTML1.0 Strictでは推奨されていません。
属性 属性値 説明
src="" 「"../sample.html"」のように
表示する(URL)を指定します。

サンプル

[bodyの中]

<iframe src="pink.html">
このぺージはフレーム対応のブラウザでご覧ください。
</iframe>

[ブラウザ上]

インラインフレーム

objectを指定

《objectを指定》

[bodyの中]

<!--IE の場合の処理 -->
<object classid="clsid:25336920-03F9-11CF-8FD0-00AA00686F13" type="text/html" data="(埋め込むURL).html" style="width:300px(横幅); height:150px(高さ);">
この部分は「object」タグに対応しているブラウザでご覧ください。
</object>
<!--Firefoxの場合の処理 -->
<object type="text/html" data="(埋め込むURL).html" style="width:300px(横幅); height:150px(高さ);">
この部分は「object」タグに対応しているブラウザでご覧ください
</object>

[ブラウザ上]

<!--IE の場合の処理 --> この部分は「object」タグに対応しているブラウザでご覧ください。
<!--Firefoxの場合の処理 -->

この部分は「object」タグに対応しているブラウザでご覧ください

overflowを指定(インラインフレーム風)

《overflow: auto;を指定》

[bodyの中]

<div style="overflow: auto; width: 200px; height: 80px;
background-color: #ffcccc;">
iframe風
iframe風
iframe風
</div>

[ブラウザ上]

iframe風

iframe風

iframe風

《overflow: scroll;を指定》

[bodyの中]

<div style="overflow: scroll; width: 200px; height: 80px;
border: solid 1px #808080; background-color: #ffcccc;">
iframe風
iframe風
iframe風
iframe風

</div>

[ブラウザ上]

iframe風

iframe風

iframe風

iframe風


Copyright c 2007.10.01 luc All rights reserved.