フレームの分割


ブラウザーの画面を分割し、分割した部分(フレーム)ごとにページを読み込むことができます。フレームを使ったページを作るには、画面をどのように分割するかを記述したHTMLファイルと分割したページ毎にそこにいれるHTMLファイルが必要となります。
※注意:ブラウザによっては扱うことができない場合がありますので、注意して下さい。

●基本の構造

<FRAMESET cols="分割幅"></FRAMESET> 縦分割の指定をします。分割幅はピクセルまたはウィンド幅に対するパーセント、残り部分の幅を割り当てる「*」で指定します。
<FRAMESET rows="分割幅"></FRAMESET> 横分割の指定をします。分割幅はピクセルまたはウィンド幅に対するパーセント、残り部分の幅を割り当てる「*」で指定します。
<FRAME ser="ファイル名.html" name="フレーム名"> それぞれのフレームの指定をします。読み込むファイル名を指定し、フレームに名前をつけます。

●ソース表示とフレーム分割例を見てみましょう。

ソース表示 フレーム分割例
<FRAMESET cols="20%,80%">
 <FRAME src="menu.html" name="menu">
 <FRAME src="main.html" name="main">
</FRAMESET>
<フレームA>
フレーム名:menu
ファイル名:menu.html

<フレームB>
フレーム名:main
ファイル名:main.html

<FRAMESET rows="80,*">
 <FRAME src="title.html" name="title">
 <FRAME src="main.html" name="main"> </FRAMESET>
<フレームA>
フレーム名:title
ファイル名:title.html
<フレームB>
フレーム名:main
ファイル名:main.html
<FRAMESET cols="20%,80%">
 <FRAME src="menu.html" name="menu">
 <FRAMESET rows="80,*">
   <FRAME src="title.html" name="title">
   <FRAME src="main.html" name="main">
</FRAMESET>
<フレームA>
フレーム名:menu


ファイル名:menu.html
<フレームB>
フレーム名:title
ファイル名:title.html

<フレームC>
フレーム名:main
ファイル名:main.html


◆戻る