HTML <frameset> タグ - HTML5 は
インスタンスをサポートしていません
<!DOCTYPE html>
<html>
<frameset cols="25%,*,25%">
<frame src="frame_a.htm">
<frame src="frame_b.htm">
<frame src="frame_c.htm">
</frameset>
</html>
インスタンスの実行»オンラインインスタンスを表示するには、[インスタンスの実行]ボタンをクリックしてください
ブラウザのサポート
すべての主要なブラウザは <frameset> タグをサポートしています。
タグの定義と使用方法
HTML5 は <frameset> タグをサポートしていません。
<frameset> タグはフレームセットを定義します。
<frameset> 要素は、1 つ以上の <frame> 要素を整理するために使用されます。各 <frame> には独自の個別のドキュメントがあります。
<frameset> 要素は、フレームセット内に存在する列または行の数、および各行と列が占める割合/ピクセルを指定します。
注: フレームを含むページを検証したい場合は、<!DOCTYPE> が "HTML Frameset DTD" または "XHTML Frameset DTD" に設定されていることを確認してください。
HTML と XHTML の違い
なし。
オプションのプロパティ
プロパティ | 値 | 説明 |
---|
cols | ピクセル
%
※ | HTML5には対応していません。 フレームセット内の列の数とサイズを指定します。 |
行 | ピクセル
%
※ | HTML5には対応していません。 フレームセット内の行の数とサイズを指定します。 |
標準属性
HTML 4.01 では、<frameset> タグは次の標準属性をサポートします。
クラス
クラス名 | 要素のクラス名を指定します | |
id | id要素の一意のIDを指定します | |
style | style_definition要素のインラインスタイルを指定します | |
title | text 指定された要素の追加情報 | |
完全な説明については、「標準プロパティ」を参照してください。
イベント属性
HTML 4.01 では、<frameset> タグは次のイベント属性をサポートします。
スクリプトドキュメントの場合onunload 時にスクリプトを実行します | | onunload |
script | ドキュメントがアンロードされるときにスクリプトを実行します | 完全な説明については、イベントのプロパティを参照してください。 |
試してみる - 例 | 水平フレーム この例では、3 つの異なるドキュメントを使用して水平フレームを作成する方法を示します。 | 例 |
<!DOCTYPE html>
<html>
<frameset rows="25%,*,25%">
<frame src="frame_a.htm">
<frame src="frame_b.htm">
<frame src="frame_c.htm">
</frameset>
</html>
例の実行»
「例の実行」ボタンをクリックしてオンライン例を表示します
混合構造フレームワークこの例では、3 つのドキュメントを含むフレーム構造を作成し、それらを混合する方法を示します。行と列の間で同時に実行されます。
インスタンス
<!DOCTYPE html>
<html>
<frameset rows="50%,50%">
<frame src="frame_a.htm">
<frameset cols="25%,75%">
<frame src="frame_b.htm">
<frame src="frame_c.htm">
</frameset>
</frameset>
</html>
インスタンスの実行 »
「インスタンスの実行」ボタンをクリックしてオンラインインスタンスを表示します
noresize="noresize" 属性を含むフレーム構造この例は、noresize 属性を示しています。この場合、フレームのサイズは変更できません。マウスをフレーム間の境界線の上にドラッグすると、境界線は移動できないことがわかります。
インスタンス
<!DOCTYPE html>
<html>
<frameset cols="50%,*,25%">
<frame src="frame_a.htm" noresize="noresize">
<frame src="frame_b.htm">
<frame src="frame_c.htm">
</frameset>
</html>
インスタンスの実行 »
「インスタンスの実行」ボタンをクリックしてオンラインインスタンスを表示します
関連記事
HTML DOMリファレンスマニュアル:
フレームセット オブジェクト