<FRAMESET>タグの説明

名前

FRAMESET －ページを複数のフレームに分割

書式

<FRAMESET { COLS| ROWS}="value" [ BORDER="value1" ] [ FRAMEBORDER="bool" ] [ BORDERCOLOR="color" ] >

	<FRAME SRC="url1" NAME="frame_name1" [ MARGINHEIGHT="pix1" ] [ NORESIZE ] [ SCROLLING="scroll1" ] >
	<FRAME SRC="url2" NAME="frame_name2" [ MARGINHEIGHT="pix2" ] [ NORESIZE ] [ SCROLLING="scroll2" ] >
	:

</FRAMESET>

説明

FRAMEタグと一緒に使用します。FRAMESETタグでフレームの幅をピクセル、または割合で指定し、FRAMEタグでフレームの名前とそのフレームに表示するhtmlファイルを指定します。
ページをフレームで縦に分割する場合はROWS=value、横に分割する場合はCOLS=valueを使用します。valueには、"20,30,*"のようにフレームの幅をピクセル単位、または"20%,50%,30%"のように全体に対する比で指定します。コンマで区切った数だけ、フレームが用意されます。
FRAMESETタグは入れ子にできるので、縦分割と横分割を混在したフレームに分割することもできます。
目次と本文を別々のフレームに表示することで、目次を表示したまま本文を表示することが可能になります。目次に本文のhtmlファイルのリンクを作成して、目次の該当箇所をクリックすると別のフレームに本文が表示されるという使い方がポピュラーです。

FRAMEタグのNAME="frame_name1"でフレームに名前を付けます。SRC="url1"で、このフレームに表示するhtmlファイrのURLを指定します。

FRAMESETのオプション属性

BORDER

value1は、フレームの区切り線の幅を指定します。

FRAMEBORDER

フレームの区切り線の表示、非表示を定めます。

bool	意味
yes	フレームの区切り線を表示する
no	フレームの区切り線を表示しない

BORDERCOLOR

colorは、フレームの区切り線の色を指定します。

FRAMEのオプション属性

MARGINHEIGHT

フレームの上下の余白をpix1ピクセルにします。

NORESIZE

フレームの区切り線を移動できないようにします。

SCROLLING

scroll1	意味
auto	状況に応じて、縦方向のスクロールバーを表示または非表示にします。
yes	縦方向のスクロールバーを表示します。
no	縦方向のスクロールバーを非表示にします。

例

左に目次、右に本文のフレームを作成する例
sample1ディレクトリ内のindex.htmlには、左右にフレーム分割するタグが書かれています。<FRAMESET COLS="200,*">として、左のフレームの幅を200ピクセルにしています。右のフレームの幅は'*'として、特に指定しません。
左のフレームには、left.htmlを表示します。右のフレームには、right.htmlを表示します。更に、left.htmlには、right.html、right1.html、right2.htmlへのリンクが張られています。但し、TARGET="RIGHT"とすることで、クリックした結果は、右のフレームに表示されます。
BORDERCOLOR="orangered"、 BORDER="20"とした例
区切り線の色をorangeredになります。また、区切り線の幅は20ピクセルとなります。
FRAMEBORDER="no"とした例
区切り線を表示しません。
区切り線を移動できなくした例
<FRAMESET COLS="200,*" BORDER="5" BORDERCOLOR="red"> <FRAME SRC="left.html" NAME="LEFT" NORESIZE>
とすることで、フレーム(LEFT)の区切り線をドラッグして移動することができなくなります。

フレームを三つにした例

<FRAMESET ROWS="140,*" >
<FRAME SRC="top.html" >
<FRAMESET COLS="200,*" BORDER="5" BORDERCOLOR="red">
	<FRAME SRC="left.html" NAME="LEFT"  >  
	<FRAME SRC="right.html" NAME="RIGHT"> 
</FRAMESET>
</FARMESET>

とすることで、140ピクセルの高さの上部のフレームにtop.htmlを表示し、下部を左右に２つのフレームに分割できます。

フレームを三つにして、レイアウトを調節した例
```
<FRAMESET ROWS="140,*" FRAMEBORDER="no">
<FRAME SRC="top.html" MARGINHEIGHT="0" SCROLLING="no" NORESIZE>
<FRAMESET COLS="200,*" BORDER="5" >
	<FRAME SRC="left.html" NAME="LEFT"  NORESIZE>  
	<FRAME SRC="right.html" NAME="RIGHT"> 
</FRAMESET>
</FARMESET>
```
とすることで、140ピクセルの高さの上部のフレームにtop.htmlを余計な余白なしで表示し、フレームのサイズを変更できないようにできます。top.htmlの背景色は黒にしています。(bgcolor="black")