サイト内検索
...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)を指定します。 |
サンプル
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>
<object type="text/html" data="(埋め込むURL).html" style="width:300px(横幅); height:150px(高さ);">
この部分は「object」タグに対応しているブラウザでご覧ください
</object>
[ブラウザ上]
<!--IE の場合の処理 --><!--Firefoxの場合の処理 -->
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風