ホームページ  >  記事  >  ウェブフロントエンド  >  HTML フレーム タグ フレームセット、フレーム、iframe、noframes

HTML フレーム タグ フレームセット、フレーム、iframe、noframes

高洛峰
高洛峰オリジナル
2017-02-13 15:19:522157ブラウズ

通常、ブラウザのドキュメント ウィンドウには 1 つの Web ページ ファイルしか表示できませんが、フレーム タグを使用すると、ブラウザのドキュメント ウィンドウを複数のサブウィンドウに分割し、各サブウィンドウに独立した Web ページ ファイルを表示できます。 。
フレームは英語の Frame から翻訳されたもので、ブラウザのドキュメント ウィンドウのサブウィンドウを表します。各フレームには HTML ファイルを表示でき、複数のフレームはフレームセット (フレームセット) を構成します。フレームセットを使用する通常の方法は、Web ページをフレーム内に配置することです。この Web ページには、他の複数の Web ページにリンクできるハイパーリンク エントリが含まれており、訪問者がこれらのハイパーリンク エントリをクリックすると、そのハイパーリンクが指す Web ページ ファイルが作成されます。指定した別のフレームに表示することもできます。複数の Web ページを 1 つのアプリケーション ウィンドウに表示する必要がある場合は、フレームを使用できます。


1. フレームセットタグ …

フレームセット、 で定義される必要があります。 Frameset> タグは、フレームセットに含まれるフレームの数と各フレームの配置方法を定義するために使用されます。
タグと タグは タグのペアに入れ子にして使用することもできますが、 の間に配置する必要があります。また、 タグはフレーム ウィンドウを分割するためにのみ使用され、他の Web ページ要素を表示することはできません。
タグには、行と列という 2 つの重要な属性があります。このタグを使用する場合は、これら 2 つの属性のうち少なくとも 1 つを選択する必要があります。選択しないと、ブラウザーは最初に定義されたフレームのみを表示し、残りは無視されます。 、 および タグは効果がありません。
rows 属性は、メインドキュメント内のフレームウィンドウの行数、各フレームウィンドウのサイズ、および各フレームウィンドウのサイズを指定するために使用されます。

cols 属性は、メインドキュメントにあるフレームウィンドウの列数、および各フレームウィンドウと各フレームウィンドウのサイズを指定するために使用されます。

属性値はパーセンテージまたは絶対ピクセル値です。またはアスタリスク (*) の組み合わせ、値の数は行と列の数を示し、(*) はそれらの不特定のスペースを表し、同じ属性に複数のアスタリスク (*) が表示される場合、残りの不特定のスペースは分割されます同様に、各値はカンマで区切られます。

例: これは、3 つのフレームが行に配置され、各フレームがブラウザ ウィンドウ全体の

1/3 を占めることを意味します。

これは、3 つのフレームが列に配置されていることを意味し、最初のフレームはブラウザ ウィンドウ全体の 40% を占め、残りのスペースを分割します。ウィンドウは他の 2 つのフレーム間で均等に配置されます。

これは、2 行 3 列の合計 6 つのフレームがあることを意味します

2. Frame タグ

タグは、 タグと の間に配置され、特定のフレーム ウィンドウを定義します。 タグには、src 属性と name 属性という 2 つの重要な属性があり、どちらにも値を割り当てる必要があります。 src は、フレーム ウィンドウ全体に最初にロードされる Web ページ ファイルの URL アドレスを指定します。ブラウザは、このフレームに src で指定された HTML ファイルを表示します。この名前は、ハイパーテキスト リンク タグに使用されます。 a href=""target=""> の target 属性は、リンクされた HTML ファイルが表示されるフレームを指定します。たとえば、フレーム名が main として定義されており、別のフレーム ウィンドウのハイパーリンク タグの target 属性値がこのフレーム ウィンドウの名前 main と等しい場合、ハイパーリンクがクリックされると、ハイパーリンクが指す HTML ファイルがフレーム内にメインで表示されます。
さらに、 には、scrolling 属性と noresize 属性もあります。scrolling は、フレーム ウィンドウの境界にスクロール バーを表示するかどうかを指定するために使用されます。値は、Web ページのコンテンツのスペースに表示されるときに表示されます。スペース ウィンドウより大きい場合、それ以外の場合は表示されません)。 noresize 属性は、値を代入せずにタグを追加することで直接使用でき、ユーザーがマウスを使用してフレーム間の境界線をドラッグしてフレームのサイズを調整することを禁止するために使用されます。

3. タグ </p> <p> <noframes> は、ビューアが使用しているブラウザが古すぎてフレーム機能をサポートしていない場合に使用されます。この状況を回避するには、使用しているブラウザでフレームが表示されない場合、空白の代わりに <noframes>... の間にコンテンツが表示されます。空間。 。これらのコンテンツは、新しいブラウザに切り替えるよう閲覧を促すテキストや、フレームのない Web ページであっても、フレームのないバージョンに自動的に切り替えることができます。このタグのペアの間には、 タグと タグが続く必要があります。

4. フローティング ウィンドウ タグ

タグは、Web ページの中央に単純なフレーム ウィンドウを挿入するために使用する必要はありません。このフレーム ウィンドウでは、別のファイルを表示して、「ピクチャ イン ピクチャ」効果を実現できます。 タグのペアに配置されたテキストは、ブラウザが