フレームtag リファレンス へ
フレームタグを使った分割の例
<frame> (サンプル)

 フレームタグを使った分割のサンプルです。よく使われそうなタイプを例示してみました。
 フレームサンプルの例文は、そのまま使用できます。ただし、ファイル名、フレームの幅、フレームの高さ、スクロールの有無は、適宜変更して下さい。
 ヘッダー部の<!DOCTYPE HTML .... Frameset//EN">は、フレームを使用する時に必ず記術しなければなりません。詳細は、「DOCTYPE宣言」のページの "3) Frameset" をご覧下さい。

 ★ 使用例とブラウザでの表示
(フレームサンプル) * * 次へ 最後へ フレームTagのPageへ
2分割タイプ
フレームのサンプル   ブラウザの表示イメージ
<!DOCTYPE HTML PUBLIC "-//W3C//DTD
HTML 4.01 Frameset//EN">
<html><head>
<title>Frame Sample</title></head>
<frameset rows="47,*">
<frame src="head.htm" scrolling=no>
<frame src="main.htm" name=Mainframe>
<noframes><body><p>
このページは、フレームを使用しています。<br>
フレーム未対応のブラウザをご利用の方は、<br>
<a href="menu.htm">こちら</a>をご覧下さい。
</p></body></noframes>
</frameset></html>
2分割@

※画像をクリックすると、サン
プルページを表示します。
以下、同じです。
以下、ヘッダー部とフッター部を省略します。
<frameset cols="125,*">
<frame src="menu.htm" scrolling=no>
<frame src="main.htm" name=Mainframe>
</frameset>
2分割A

<frameset cols="*,125">
<frame src="main.htm" name=Mainframe>
<frame src="comm.htm" scrolling=no>
</frameset>
2分割B

(フレームサンプル) 先頭へ 前へ 次へ 最後へ フレームTagのPageへ
3分割タイプ
フレームのサンプル   ブラウザの表示イメージ
<frameset rows="47,*">
<frame src="head.htm" scrolling=no>
<frameset cols="125,*">
<frame src="menu.htm" scrolling=no>
<frame src="main.htm" name=Mainframe>
</frameset>
</frameset>
3分割@

※画像をクリックすると、サン
プルページを表示します。
以下、同じです。
<frameset rows="47,*">
<frame src="head.htm" scrolling=no>
<frameset cols="*,125">
<frame src="main.htm" name=Mainframe>
<frame src="comm.htm" scrolling=no>
</frameset>
</frameset>
3分割A

<frameset rows="*,45">
<frameset cols="125,*">
<frame src="menu.htm" scrolling=no>
<frame src="main.htm" name=Mainframe>
</frameset>
<frame src="foot.htm" scrolling=no>
</frameset>
3分割B

<frameset rows="*,45">
<frameset cols="*,125">
<frame src="main.htm" name=Mainframe>
<frame src="comm.htm" scrolling=no>
</frameset>
<frame src="foot.htm" scrolling=no>
</frameset>
3分割C

(フレームサンプル) 先頭へ 前へ 次へ 最後へ フレームTagのPageへ
4分割タイプ
フレームのサンプル   ブラウザの表示イメージ
<frameset rows="47,*,45">
<frame src="head.htm" scrolling=no>
<frameset cols="125,*">
<frame src="menu.htm" scrolling=no>
<frame src="main.htm" name=Mainframe>
</frameset>
<frame src="foot.htm" scrolling=no>
</frameset>
4分割@

※画像をクリックすると、サン
プルページを表示します。
以下、同じです。
<frameset rows="47,*">
<frame src="head.htm" scrolling=no>
<frameset cols="*,125">
<frameset rows="*,45">
<frame src="main.htm" name=Mainframe>
<frame src="foot.htm" scrolling=no>
</frameset>
<frame src="comm.htm" scrolling=no>
</frameset>
</frameset>
4分割A
<frameset cols="125,*,125">
<frame src="menu.htm" scrolling=no>
<frameset rows="47,*">
<frame src="head.htm" scrolling=no>
<frame src="main.htm" name=Mainframe>
</frameset>
<frame src="comm2.htm" scrolling=no>
</frameset>
4分割B
<frameset cols="125,*">
<frameset rows="55%,*">
<frame src="menu.htm" scrolling=no>
<frame src="comm2.htm" scrolling=no>
</frameset>
<frameset rows="47,*">
<frame src="head.htm" scrolling=no>
<frame src="main.htm" name=Mainframe>
</frameset>
</frameset>
4分割C
(フレームサンプル) 先頭へ 前へ 次へ 最後へ フレームTagのPageへ
5分割タイプ
フレームのサンプル   ブラウザの表示イメージ
<frameset rows="47,*">
<frame src="head.htm" scrolling=no>
<frameset cols="125,*,125">
<frame src="menu.htm" scrolling=no>
<frameset rows="*,45">
<frame src="main.htm" name=Mainframe>
<frame src="foot.htm" scrolling=no>
</frameset>
<frame src="comm2.htm" scrolling=no>
</frameset>
</frameset>
5分割@

※画像をクリックすると、サン
プルページを表示します。
以下、同じです。
<frameset rows="47,*">
<frame src="head.htm" scrolling=no>
<frameset cols="*,125">
<frameset rows="*,45">
<frame src="main.htm" name=Mainframe>
<frame src="foot.htm" scrolling=no>
</frameset>
<frameset rows="55%,*">
<frame src="menu.htm" scrolling=no>
<frame src="comm2.htm" scrolling=no>
</frameset>
</frameset>
</frameset>
5分割A
(フレームサンプル) 先頭へ 前へ * * フレームTagのPageへ
画面分割の不適切な事例
フレームのサンプル   ブラウザの表示イメージ
error.1 対応する<frame src="" がない場合
<frameset rows="47,*">
<frame src="head.htm" scrolling=no>
<frameset cols="125,*">
<frame src="menu.htm" scrolling=no>
</frameset>
</frameset>
error@

※サンプルページは有りません。 以下、同じです。
error.2 アスタリスク(*)を使わなかった場合
<frameset rows="47,70">
 表示高さは、47  70 に案分される
<frame src="head.htm" scrolling=no>
<frameset cols="125,*">
<frame src="menu.htm" scrolling=no>
<frame src="main.htm">
</frameset>
</frameset>
errorA
error.3 ファイル名を間違えた場合
<frameset cols="125,*">
<frameset rows="50%,*">
<frame src="menu.htm" scrolling=no>
<frame src="comm.htm" scrolling=no>
</frameset>
<frame src="orignal.htm">
 右側フレームに エラー を表示する
</frameset>
errorB


関連するページ
HTML タグページ DocType宣言:DOCTYPE宣言

Page Top へ   フレームtag のページへ   フレームtag リファレンス へ