<frameset> ウィンドウを分割する
取り扱い | 非推奨の要素 |
カテゴリ |
なし |
親にできる要素 | ― |
子にできる要素 | ― |
対応ブラウザ | caniuseで確認 |
このタグは非推奨または廃止になりました。新しく作るウェブサイトへの使用は避けて下さい。また、既存のソースコードの中に含まれている場合は更新をお勧めします。詳しくは現行の標準仕様に従って下さい。
<frameset>タグの説明
<frameset>
は、複数のドキュメントを単一の画面に表示するためにウィンドウを分割する祭に使用します。
<frameset>
で画面の分割の仕方を指定し、<frame>
で表示するドキュメントを割り当てます。こうすることで、ばらばらに作成したドキュメントをタイルのように組み合わせて画面を構成することが可能となります。
このタグをサポートしていない環境で表示された時のために、<noframes>
も一緒に設置しましょう。
<frameset>に指定できる主な属性
- border="数値"
- フレームの境界線の太さを指定します。
- bordercolor="色"
- フレームの境界線の色を指定します。
- frameborder="境界線の表示・非表示"
- 境界線を表示する場合は"1"、表示しない場合は"0"を指定します。
- framespacing="値"
- フレームの境界線の太さを指定します。
- rows="割合,割合"
- フレームを横方向に分割した際の表示する割合を、ピクセルやパーセンテージで指定します。残り全てを指定する場合はアスタリスク(*)を記述します。
- cols="割合,割合"
- フレームを縦方向に分割した際の表示する割合を、ピクセルやパーセンテージで指定します。残り全てを指定する場合はアスタリスク(*)を記述します。
<frameset>の使い方とサンプル
フレームを設置する場合のマークアップのサンプルです。
HTML
<html>
<head>
<title>フレームテスト</title>
</head>
<body>
<frameset rows="60px,*">
<frame src="sample/frame1.html" name="f-header">
<frameset cols="150px,*">
<frame src="sample/frame2.html" name="f-menu">
<frame src="sample/frame3.html" name="f-body">
</frameset>
<noframes>
このページはフレームを使用しています。
</noframes>
</frameset>
</body>
</html>
表示確認
frameサンプルページ
※新規ウィンドウで表示します。
※新規ウィンドウで表示します。