制作者の活動(PR)。

DTD上は<noframes>要素は<frameset>要素の内容として零個ないし一個必要とあり、書かなくても良いと読めない事もありませんが、これは「<frameset>要素内に一個必要」と書くと<frameset>要素を入れ子にした場合に二つ以上の<noframes>要素を書かなければならなくなるため、このような記述にせざるを得なかったからだと考えられます。
- 実際、本当に<noframes>要素が必須でない要素なら、DTDでも別の書式でそのように記述する事が出来ます。
つまり、<noframes>要素は本来は必須だが、DTDの記述上の制約で必須と書けなかったと考えられます。

<frameset>要素には以下の属性が定義されております。

<frameset>要素の属性一覧を読み飛ばす

コア属性: <frameset>要素ではコア属性が使えます。
onload属性: 当該フレームが読み込まれたときに実行するクライアントサイドスクリプトを記述します。
onunload属性: 当該フレームが解除されたときに実行するクライアントサイドスクリプトを記述します。
rows属性: 縦方向の分割比率を指定します。具体的には各フレームの高さを上から順に「,」で区切って指定します。
cols属性: 横方向の分割比率を指定します。具体的には各フレームの幅を左から順に「,」で区切って指定します。

各フレームの高さ/幅の指定方法。

▲記事先頭
△前項目
▽次項目

rows属性かcols属性でのフレームの高さ/幅の値は以下のようになります。

%単位(○○%): ウィンドウのクライアント領域の高さ/幅に対する比率となります。
単位の無い数字: ピクセル数となります。
*または「数字*」: 比率を指定します。尚「*」は「1*」と同義です。

各フレームの高さ/幅の算出方法。

▲記事先頭
△前項目
▽次項目

<frameset>要素内のrow属性かcol属性の値から、パーセンテージまたはピクセル数で指定されたフレームがあれば、それらの高さ/幅を確保します。
残った高さ/幅を*単位で指定されたフレームで山分けします。

例えば、

<frameset rows="120,*,3*">

となっている場合は以下のようになります。

まず一番上のフレームの120ピクセルズ分を確保します。
残りの領域を二番目と三番目で山分けします。
- このとき二番目が1に対し三番目が3となる比率で分割するようにします。

<frameset>要素の属性一覧はここまで。

<frameset>要素に関する注意事項。

常にフレームが見られない環境の存在を忘れないで下さい。

▲記事先頭
△前項目
▽次項目

フレームに対応しない環境のために、必ず<noframes>要素でノンフレーム版を作って下さい。

モバイルオペラなどではフレームをかなり面倒な方法で実現します。こう言った環境ではノンフレーム版があればそちらを撰ぶ事でしょう。

フレームの分け方にも充分注意して下さい。

▲記事先頭
△前項目
▽次項目

フレームの幅や高さの決め方が悪いと、見るに堪えないサイトになってしまいます。

ウィンドウを切り刻む訳ですから、環境に依っては文書がフレームに入り切らなくなって、余計なスクロールが発生してしまうでしょう。

ウィンドウサイズを適宜小さくするなどして見難くならない事を確かめて下さい。

<frameset>要素の記述例。

▲記事先頭
△前項目
▽次項目

以下、XHTML 1.0 フレームセットでの記述とします。

<frameset>要素の記述例を読み飛ばす

<?xml version="1.0" encoding="shift_jis"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja">
<head>
<title>HTML入門</title>
    …
</head>
<frameset rows="80,*">
    <frame id="title" name="title" src="TitleBar.html" />
    <frameset cols="*,7*">
        <frame id="menu" name="menu" src="Menu.html" />
        <frame id="main" name="main" src="Home.html" />
        </frameset>
    <noframes>
        <body>
            <h1>HTML入門</h1>
            <h2>目次</h2>
            <dl>
                <dt><a rel="next" rev="start" href="introduction.html">はじめに</a></dt>
                <dd>平成18年 5月31日更新</dd>
                    …
                <dt><a rel="bookmark" href="link.html">リンク</a> </dt>
                <dd>平成18年 5月20日解説</dd>
                </dl>
            </body>
        </noframes>
    </frameset>
</html>

この場合、

一番上に高さ80ピクセルズの「title」と言うフレームが開かれ「TitleBar.html」が表示されます。
その下には
1. 左側には幅 1の「menu」と言うフレームが開かれ「Menu.html」が
2. 右側には幅 7の「main」と言うフレームが開かれ「Home.html」が
それぞれ表示されます。
また、フレーム非対応環境向けに<noframes>要素でノンフレーム版のメニューを用意しております。