フレームとは一つのページを複数に分割して、各フレームセルに別個のＨＴＭＬファイルを表示するものです。ちょうどこのコーナーはフレームで書かれています。フレームのメリットはインデックスを表示したまま、それぞれのコンテンツを表示することが出来ます。フレームの概念を理解するために、まず以下の図を参照下さい。

フレームには、下の例のように横分割型フレームと縦分割型フレームとがありますが、まず、土台となるファイル、図で言うと index.html にフレームの定義をします。この定義の際に横分割型フレームか縦分割型フレームか、また分割の割合等を指定します。この指定はピクセル値でも％でも可能です。

そして次に台紙となるファイルに貼り付ける左右または上下のファイルの指定をします。また、フレームは、通常分割された片側のファイルにリンクの設定を施しますので、フレームの領域を定義します。その他、フレームのボーダーの有無やスクロールの有無の指定等オプションダクはいろいろとありますが、基本的にはフレームの場合、定義するのはこの二つと覚えておいて下さい。

[例１１]横分割型フレーム frame_1.html frame_a frame_2.html frame_b	[例１１] <FRAMESET COLS="40%,*"> <FRAME SRC="frame_1.html" NAME="frame_a"> <FRAME SRC="frame_2.html" NAME="frame_b"> </FRAMESET> 左右のフレーム内ファイル名 ---- frame_1.html,frame_2.html 左右のフレーム領域名 ---- frame_a,frame_b 見本を見る
[例１２]縦分割型フレーム frame_1.html frame_a frame_2.html frame_b	[例１２] <FRAMESET ROWS="40%,*"> <FRAME SRC="frame_1.html" NAME="frame_a"> <FRAME SRC="frame_2.html" NAME="frame_b"> </FRAMESET> 上下のフレーム内ファイル名 ---- frame_1.html,frame_2.html 上下のフレーム領域名 ---- frame_a,frame_b 見本を見る

【構文１５】
上の[例１１]、[例１２]の見本ではフレームのボーダーが表示されていましたが、これを消すことも可能です。

[例１３]
<FRAMESET COLS="40%,*" BORDER="0" MARGINWIDTH="0">
<FRAME SRC="frame_1.html" NAME="frame_a">
<FRAME SRC="frame_2.html" NAME="frame_b">
</FRAMESET>

横分割型フレームの場合 ---- BORDER="0" MARGINWIDTH="0"

• 見本を見る
[例１４]
<FRAMESET ROWS="40%,*" BORDER="0" MARGINHEIGHT="0">
<FRAME SRC="frame_1.html" NAME="frame_a">
<FRAME SRC="frame_2.html" NAME="frame_b">
</FRAMESET>

縦分割型フレームの場合 ---- BORDER="0" MARGINHEIGHT="0"

• 見本を見る