フレームはブラウザ ウィンドウを複数の独立したペインに分割し、各ペインには独立した HTML ページが含まれます。
1. フレームワークの基本概念
ユーザーは、ブラウザ ウィンドウのコンテンツ全体を再ロードすることなく、フレームを通じて個々のペインのコンテンツをロードまたは再ロードできます。フレームに対して、ブラウザ ウィンドウ全体に対応するフレームのセットをフレームセットと呼びます。
HTML では、フレームセット タグ <frameset> を使用してページのフレームを分割し、属性 rows (またはcols) を使用してフレームの行数 (または列数) とフレームが占めるウィンドウの割合を示します。
窓枠の役割:
Webページを複数のHTMLページに分割すること、つまりウィンドウ画面を複数の小ウィンドウに分割することで、それぞれの小ウィンドウには異なるWebページが表示され、ブラウザ内では完全なページが形成されるため、ブラウザ内の異なる Web ページを同時に閲覧することによる影響。
フレーム Web ページの最大の特徴:
ページ全体のレイアウトを変更せずに、HTML ページを相互にリンクして、ページをめくることなく必要なコンテンツを取得できるこの機能は、電子ドキュメントの表示において大きな利点となります。
2. フレームセットタグ
基本的な構文:
<フレームセット>
<フレーム>
<フレーム>
…
</フレームセット>
構文の説明: フレームセットは、ドキュメント内の一連のフレーム構造を定義する HTML ページです。このページには <BODY> タグがありません。フレームセットは、ウィンドウに表示されるフレームの数、サイズ、および読み込みページを定義します。
注 1: <Frameset> タグで定義されるウィンドウ フレーム コンポーネントは、<BODY> タグで定義されるファイル テーマ コンポーネントと同等であるため、<Frameset> タグを <BODY> タグに含めることはできません。 >タグを使用すると正しく動作しません。
注 2: <Frame> タグはサブウィンドウを定義するために使用されます。終了タグがないため、このタグは、タグ内にさまざまな属性を設定して、それが表すウィンドウ フレームを制御するためにのみ使用されます。
(1) 左右分割ウィンドウ属性 Cols
基本的な構文:
<frameset Cols="値,値,...">
<フレーム>
<フレーム>
…
</フレームセット>
構文の説明: 値は、各フレームの幅の値を定義します。単位はピクセルまたはパーセンテージです。
<html><head><title>dotcpp</title></head><framesetcols=30%,70%><frame><frame></frameset></html>
効果は次の図に示すとおりです。
(2) 上下分割ウィンドウ属性 行数
基本的な構文:
<frameset rows="値,値,...">
<フレーム>
<フレーム>
…
</フレームセット>
構文の説明: 値は、各フレームの幅の値を定義します。単位はピクセルまたはパーセンテージです。
<html><head><title>dotcpp</title></head><framesetrows=20%,*,20%><frame><frame><frame></frameset></html>
効果は次の図に示すとおりです。
(3) 入れ子の分割ウィンドウ
基本的な構文:
<frameset Cols="値,値,...">
<フレーム>
<frameset rows="値,値,...">
<フレーム>
<フレーム>
…
</フレームセット>
<フレーム>
…
</フレームセット>
構文の説明: 分割は入れ子にすることができます。
<html><head><title>ネストされた分割ウィンドウ</title></head><framesetcols=*,*><framesetrows=*,*><frame><frame></frameset><framesetrows=*, * ><フレーム><フレーム></フレームセット></フレームセット></html>
効果は次のとおりです。
(4) フレームセットの境界幅属性 FrameSpacing
基本的な構文:
<frameset FrameSpacing="VALUE">
構文の説明: フレームセットの境界線の幅をピクセル単位で設定します。
(5) フレームセットのボーダーカラー属性 Bordercolor
基本的な構文:
<frameset BorderColor="COLOR_VALUE">
構文の説明: フレームセットの境界線の色を設定します。
3. フレームタグ <Frame>:
(1) フレームページソースファイル属性 SRC
基本的な構文:
<frame src="FILE_NAME">
構文の説明: 各フレームには表示される Web ページがあり、SRC 属性はフレーム ページのファイル パスを設定します。
(2)フレーム名属性 Name
基本的な構文:
<frame src="FILE_NAME" name="フレーム名">
構文の説明: 各リンクに名前を付けることができます。この名前はページのリンクとスクリプトの説明に使用され、ページの表示には影響しません。
命名規則: 1 つの単語にはアンダースコア「_」を含めることができ、文字で始める必要があり、大文字と小文字が区別されます。
(3) 枠線表示プロパティ FrameBorder
基本的な構文:
<frame src="FILE_NAME" Frameborder="VALUE">
構文説明: VALUE が 0 の場合は枠線を表示せず、1 の場合は枠線を表示します。
注 1: Frameborder プロパティを使用して、ウィンドウ フレームの周囲とフレームを表示するかどうかを制御できます。
注 2: この属性は、<Frameset> タグと <Frame> タグで使用できます。 <Frameset> タグで使用すると、ウィンドウ フレームのすべての子ウィンドウを制御できます。 <Frame>タグ内で使用すると、そのタグで表されるサブウィンドウのみを制御できます。
注3: 0は枠線を表示しないことを意味し、1は枠線を表示することを意味し、デフォルト値は1です。
(4) フレームスクロールバー表示プロパティ スクロール
基本的な構文:
<frame src="FILE_NAME"scrolling="VALUE">
構文説明: VALUE 値が YES の場合はスクロール バーが表示され、NO の場合はスクロール バーが表示されません。AUTO の場合はページに基づいてスクロール バーを表示するかどうかを自動的に決定します。長さ。
(5) フレームサイズ調整属性NoResize
基本的な構文:
<frame src="FILE_NAME" NoResize>
構文の説明: NORESIZE はフレームのサイズの変更を禁止します。
(6) フレームエッジ幅属性 MarginWidth
基本的な構文:
<frame src="ファイル名"
MarginWidth="値">
構文の説明: MarginWidth はフレームの左右のマージンを設定します。
(7) フレームエッジ高さ属性 MarginHeight
基本的な構文:
<frame src="ファイル名"
マージン高さ="値">
構文の説明: MarginHeight はフレームの上下のマージンを設定します。
4. フレームタグはサポートされていません
フレームテクノロジーをサポートしていないブラウザで使用します。
基本的な構文:
<frameset Cols="値,値,...">
<フレーム>
<フレーム>
…
<フレームなし>
…
</フレームなし>
</フレームセット>
5. フローティングフレーム
フローティング フレームは、ブラウザ ウィンドウ内にサブウィンドウをネストし、その中にページ コンテンツを表示する特別なフレーム ページです。
基本構文: <IFRAME>……</IFRAME>
6. フレームとリンク
フレームを使用する重要な目的は、異なるページを異なるフレームに表示することです。
主にリンクの「Target 」属性を使用して、リンクされたページが表示されるフレームとウィンドウを設定します。