シンプルな 3 フレームのページ:
<frameset cols="25%,50%,25%">
<frame src="frame_a.htm">
<frame src="frame_b.htm">
<frame src="frame_c.htm">
</frameset>
Try it Yourself ❯
他の "Try it Yourself" の例が下にあります。
<frame> タグは、HTML5 ではサポート対象外です。
<frame> タグは、<frameset>内に一つの特別なウィンドウ(フレーム)を定義します。
<frameset> 内の各 <frame> は、ボーダー、スクロール、リサイズ機能などいろいろな属性を持つことができます。
注: フレームを含むページを有効にしたい場合は、<!DOCTYPE> が、 "HTML Frameset DTD" か "XHTML Frameset DTD" の何れかに設定されていることを確認してください。
要素 | |||||
---|---|---|---|---|---|
<frame> | Yes | Yes | Yes | Yes | Yes |
<frame> タグは、HTML5 ではサポート対象外です。
HTML では、<frame> タグには終了タグがありません。 XHTML では、<frame> ;タグを適切に閉じなければなりません。
属性 | 値 | 説明 |
---|---|---|
frameborder | 0 1 |
HTML5 ではサポート対象外。 フレームの周りにボーダーを表示するかどうかを指定する |
longdesc | URL | HTML5 ではサポート対象外。 フレームのコンテンツの長い説明が含まれているページを指定する |
marginheight | pixels | HTML5 ではサポート対象外。 フレームの上と下のマージンを指定する |
marginwidth | pixels | HTML5 ではサポート対象外。 フレームの左と右のマージンを指定する |
name | text | HTML5 ではサポート対象外。 レーム名を指定する |
noresize | noresize | HTML5 ではサポート対象外。 フレームのサイズ変更ができないことを指定する |
scrolling | yes no auto |
HTML5 ではサポート対象外。 フレームにスクロールバーを表示するかどうかを指定する |
src | URL | HTML5 ではサポート対象外。 フレームに表示する文書の URL を指定する |
横並びのフレームセット
3 つの異なる文書を持つ横並びのフレームセットの作成方法。
混在したフレームセット
3つの文書を持つフレームセットの作成方法と、行と列にミックスさせる方法。
noresize="noresize" のフレームセット
"noresize" 属性の使用方法。フレーム A と B の間のボーダーはリサイズできません。