フレームを使用すると、同じブラウザ ウィンドウに複数のページを表示できます。
フレーム
フレームを使用すると、同じブラウザ ウィンドウに複数のページを表示できます。 各 HTML ドキュメントはフレームと呼ばれ、各フレームは他のフレームから独立しています。
フレームを使用するデメリット:
- 開発者はより多くの HTML ドキュメントを同時に追跡する必要がある
- ページ全体を印刷するのは難しい
- フレーム構造タグ（<frameset>）
-
- フレーム構造タグ (<frameset>) は、ウィンドウをフレームに分割する方法を定義します
- 各フレームセットは一連の行または列を定義します
- 行/列の値は、各行または列が占める画面領域を指定します
編集者注: 一部の記事や書籍では、frameset タグもフレームセットに変換されます。
フレームタグ（Frame）
Frame タグは、各フレーム内に配置される HTML ドキュメントを定義します。
以下の例では、2 列のフレームセットをセットアップします。 最初の列はブラウザ ウィンドウの 25% を占めるように設定されています。 2 番目の列はブラウザ ウィンドウの 75% を占めるように設定されています。 HTML ドキュメント"frame_a.htm"は最初の列に配置され、HTML ドキュメント"frame_b.htm"は 2 列目に配置されます。
<frameset cols="25%,75%">
<frame src="frame_a.htm">
<frame src="frame_b.htm">
</frameset>
基本的なメモ - 役立つヒント:
フレームに表示される境界線がある場合、ユーザーは境界線をドラッグしてサイズを変更できます。 これを防ぐには、noresize="noresize" を <frame> タグに追加します。
フレームをサポートしていないブラウザの場合は、<noframes> タグを追加します。
重要: <body></body> タグと <frameset></frameset> タグを同時に使用しないでください。 ただし、テキストを含む <noframes> タグを追加する場合は、<body></body> タグ内にネストする必要があります。 (以下の最初の例でこれがどのように行われるかを参照してください。)
- <noframes> タグの使用方法
- この例では、<noframes> タグの使用方法を示します。
- 混合フレーム構造
- この例では、3 つのドキュメントを行と列に組み合わせてフレーム構造を作成する方法を示します。
- noresize="noresize" 属性を持つフレーム構造
- この例では、noresize 属性を示します。 この例では、フレームのサイズを変更できません。 フレーム間の境界上でマウスをドラッグすると、境界は移動できないことがわかります。
- ナビゲーション フレーム
- この例では、ナビゲーション フレームの作成方法を示します。 ナビゲーション フレームには、2 番目のフレームをターゲットとするリンクのリストが含まれています。 「contents.htm」という名前のファイルには 3 つのリンクが含まれています。
- インライン フレーム
- この例では、インライン フレーム (HTML ページ内のフレーム) を作成する方法を示します。
- フレーム内の指定されたセクションにジャンプします
- この例では 2 つのフレームを示します。 フレームの 1 つは、別のファイル内の指定されたセクションへのリンクを設定します。 この「link.htm」ファイル内で指定されたセクションは、「a name=「C10」」を使用して識別されます。
- フレーム ナビゲーションを使用して、指定したセクションにジャンプします
- この例では 2 つのフレームを示します。 左側のナビゲーション フレームには、2 番目のフレームをターゲットとするリンクのリストが含まれています。 2 番目のフレームには、リンクされたドキュメントが表示されます。 ナビゲーション フレーム内のリンクは、ターゲット ファイル内の指定されたセクションを指します。