HTML CSS 講座 トップページへ

ホームページ作成 いまさらHTML,CSS講座
|  Home  |  ホームページ作成の知識  |  HTML 講座  |  HTML TABLE 講座  |  スタイルシート(CSS) 講座  |  携帯サイト 作成 講座  |
[HTMLテンプレートカテゴリ] [未分類カテゴリ]

いまさらHTML,CSS講座トップ > HTMLテンプレート インデックスページ > インラインフレームテンプレート
様々なブックマークサービスがご利用頂けます。

古い更新履歴をページに埋め込む方法 インラインフレームテンプレート

表示  表　示
ソース  ソース
<iframe src="old_news/sample.htm" name="sample" width="450" height="100" frameborder="0" scrolling="yes" marginwidth="0" marginheight="0" title="過去のニュース">
こちらにインラインフレームが使用されています。<a href="old_news/sample.htm">内容ファイルはこちら</a>
</iframe>
先に、インラインフレームに埋め込む内容ファイルを作成します。例では、sample.htm
このファイルに過去の更新履歴などを記述し、iframe src="" に指定します。
name=""
インラインフレームに任意の名前を付けています。例では、ファイル名をそのまま指定しています。
width=""
インラインフレームの横幅、height="" は、高さです。
frameborder=""
インラインフレームの枠線を指定します。0 の値を指定すると枠線無しになります。
scrolling=""
インラインフレームの内容ファイル(sample.htm)をスクロールするか否かを、yes no の値で指定します。
余談ですが、表示されるスクロールバーの色を変えたい場合(IEのみ)、内容ファイルにスタイルシートで指定します。
→スクロールバー色の変更方法 / →スクロールバーサンプル
marginwidth=""は、内容ファイルの左右の余白を指定し、 marginheight="" は、上下の余白を指定します。
筆者の場合、内容ファイル(sample.htm)の表示位置は、内容ファイルで設定しますので、値は殆ど、0 で指定しています。
title=""
インラインフレームにどんな内容が含まれるか、簡単に記述しておきます。
iframe要素に含まれる、「こちらにインラインフレームが使用されています。<a href="old_news/sample.htm">内容ファイルはこちら</a>>」は、インラインフレーム未対応のブラウザの為の代替記述です。
注意点
インラインフレームのファイル内で、リンクを指定する場合で、意図してインラインフレーム内でリンク先を展開する場合を除き、a要素に、「 target="_top"」（フレーム解除）または「target="_blank」（新規ウィンドウ）などのターゲットオプションを指定して下さい。

(C) いまさらHTML CSS講座 2002-2008 All right reserved