フレームを入れ子にすると、上下左右の分割を組み合わせることができます。
<html>
<head>
<title>フレームサンプル</title>
</head>
<frameset cols="100,*"> … 左右の分割を指定
<frame src="example1.html"> … 左のフレームに example1.html を表示
<frameset rows="50,*"> … 上下の分割を指定
<frame src="example2.html"> … 上のフレームに example2.html を表示
<frame src="example3.html"> … 下のフレームに example3.html を表示
</frameset> … 上下の分割を終了
</frameset> … 左右の分割を終了
</html>
上記の例では、まず左右の分割を指定して左のフレームに example1.html を読み込み、続いて右フレームの部分で上下の分割を指定し、example2.html と example3.html をそれぞれ読み込んでいます。
読み込みの指定が完了したら、まずは上下の分割を終了し、続いて左右の分割を終了します。
入れ子をうまく使うことで、様々な分割レイアウトを指定することができます。
<html>
<head>
<title>フレームサンプル</title>
</head>
<frameset rows="10%,80%,10%">
<frame src="example.html">
<frameset cols="100,*,100">
<frame src="example.html">
<frameset rows="50%,50%">
<frame src="example_b.html">
<frame src="example.html">
</frameset>
<frame src="example.html">
</frameset>
<frame src="example.html">
<noframes>
<body>
<p>ここにフレーム未対応ブラウザ向けの内容</p>
</body>
</noframes>
</frameset>
</html>
▼これをブラウザで見ると次のように表示されます
