この節では１つのページ内にウィンドウをいくつか区切って。それぞれに異なった文書を表示させるフレームと、ページ内にフレームを設けるインライン・フレームの設定について述べます。

■ フレームの設定

フレームを設定する場合の条件として、HTMLの文書型宣言（DTD）は必ず、Frameset を指定しなくてはいけません。これはフレームが将来、廃止予定であることを意味しています。現在は非推奨扱いとなっていますが、視覚系ブラウザはサポートしています。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_Jis">
<title>Setup for Frame</title>
</head>

<frameset>
    フレームに関する記述
</frameset>
</html>

フレームを構成する frameset要素は、通常のページで用いる body要素の代わりに用います。

PageTop

■ 複数ウィンドウのフレームの作成

frameset要素を入れ子にして記述することにより、複数のフレームを作成できます。フレーム内に文書を読み込む frame要素で、src属性を使用して、別の文書を呼びます。

以下は、３つのウィンドウを持ったフレームの設定を記述したものです。

<frameset rows="200,*">
	<frame src="top.html" name="top">
	<frameset cols="20%,*">
		<frame src="left.html" name="left">
  	<frame src="right.html" name="right">
  </frameset>
</frameset>

フレームに用いる要素と属性、およびその機能は次の通りです。

要素名	属性	機能
frameset	フレーム設定に使用する
	cols	横割の設定、 * では自動的に残りの比率を割り当てる
	rowls	縦割の設定、 * では自動的に残りの比率を割り当てる
frame	フレームに表示する文書の設定
	src	表示させる文書の URLを示す
	name	フレームウィンドウの名前を設定する
	marginwidth	フレーム内の左右の余白の設定
	marginheight	フレーム内の上下の余白の設定
	noresize	フレームのサイズの変更を禁止する
	scrolling	フレーム内のスクロールに関する設定を行う
	frameborder	フレーム枠に関する表示/非表示の設定を行う

frame要素は、frameset要素によって分割された各フレームの内容と表示方法を設定するものです。フレームの内容としては、フレームを定義している元の文書を指定することはできません。

PageTop

■ フレームの欠点

メニューなどが常に表示されるなどの便利な機能を持つフレームですが、欠点も少なくありません。この項では、そういったフレームの欠点を幾つか挙げています。制作者側で、フレーム作成について工夫を考慮する必要があります。

フレームには、ウィンドの数だけHTML文書が必要で、その分重くなる可能性がある
フレーム未対応のブラウザでは、表示が困難である
ユーザがブックマークする文書があいまいである
他サイトのページも表示可能なため、著作権の問題を抱える可能性がある

PageTop

■ フレームのアクセシビリティ

フレームには様々な欠点があります。しかしだからと言って、フレームが諸悪の根源になることはありません。フレームに用いるアクセシビリティを尊重して制作することを強くお奨めします。

フレーム未対応のブラウザへの配慮

フレーム未対応のブラウザには、noframes要素を用いて、代替のテキストあるいは、代替のページに誘導するようにします。この要素は、必ず frameset要素の中で配置します。

<frameset rows="200,*">
	<frame src="top.html" name="top">
	<frame src="left.html" name="left">
    <noframes>
      <body>
        <p>
        あなたのブラウザはフレームに対応しておりません。
　　　  大変ご面倒ですが、こちらの
　　　  <a href="another.html">代替ページ</a>へ移動してください。
        </p>
      </body>
    </noframes>
</frameset>

noframes要素内の、body要素は、フレーム未対応ブラウザのためのものです。

なお、noframes要素で囲まれた範囲は、フレーム対応のブラウザでは表示されません、念のため。

フレーム枠は固定しない

フレームで用いる noresize属性を使ってフレームの枠のサイズ変更を禁止してしまうと、コンテンツによっては、すべてがフレーム枠内に表示されるとは限りません。また、ユーザ側で文字サイズを大きく変更している場合には、テキストの全部が表示されなくなる危険もあります。ユーザ側で自由に枠のサイズが変更できるようにすることは、バリアフリーな優しいフレームページになります。

また、フレーム枠を非表示にしてしまうと、当然サイズ変更ができなくなります。フレーム枠はきちんと表示させるようにしましょう。

PageTop

■ インラインフレームの設定

ページ内に別途フレームを設定するには、iframe要素でインラインフレームを使います。なお、フレーム同様、HTMLの文書型宣言（DTD）は Transitionalが必須です。これも非推奨扱いで、廃止が予定されております。

インラインフレームの設定は以下の通りです。

<iframe src="anothe.html" name="another" width="500" height="400">

iframe要素の属性と値

属性	値	機能
src	URI	インラインフレームに読み込む文書を指定する
name	名前	`target`属性によって指定する任意の名前を指定する
width	ピクセル	インラインフレームの横幅を指定する
height	ピクセル	インラインフレームの高さを指定する