投稿日：2006年11月21日　　　レベル：初心者　　　　ソフトウェア：

---

フローティング、インラインフレームはページの中に別のものを挿入できます。PHPやSHTMLとは異なって、インラインフレームは.htmlファイルにスクロールバーを使った部分を埋め込むことができるのです。しかし、インラインフレームは全てのブラウザで使用できるわけではありません。マック用Netscape4.xとOpera5ではインラインフレームはサポートされていません。

• Step1 ： ファイルに記述する
• Step2 ： name="depiction"と入力
• Step3 ： インラインフレームのサイズを決定
• Step4 ： サポート外のブラウザ
• Step5 ： サンプルソース
• Step6 ： ポイント
• Step7 ： 実際の表示

まず、<iframe src="embededpage.html"、と埋め込みたいembededpage.htmlファイルに記述することから始めます。

埋め込むページの名前を付けるために、name="depiction"と入力して、ページの名前を"depiction"とします。

width="200"height="300">と記述します。インラインフレームのサイズを決定します。

最後にインラインフレームをサポートしていないブラウザに表示されるテキストを入力して、</iframe>で完了です。

このようになっていますか？

・境界線はステップ2の後にframeborder="0"を加えることで取り除くことができます。このテクニックはページ全体のデザインを考える上でとても役立つと思います。
・CSSは埋め込んだページのスクロールバーのカスタマイズに使用できます。

正しくこれらの作業を実践できたら、下のようなインラインフレームがブラウザで見れるはずです(下では境界を取り除いています)。

引用:Web Design Library 著者:Depiction.net翻訳:atuk

スポンサードリンク