ホームページ  >  記事  >  バックエンド開発  >  フレームセットの使用方法のチュートリアル

フレームセットの使用方法のチュートリアル

WBOY
WBOYオリジナル
2016-07-30 13:31:102336ブラウズ

フレームはWeb開発において習得しなければならない知識です。たとえば、背景のアーキテクチャ、部分的な更新、ページの分割はすべてフレームの使用法であり、特に背景ページの作成はユーザーに非常に快適なエクスペリエンスを提供します。

フレームの知識ポイントには (frameset タグ、frame タグ、iframe タグ) が含まれます。以下に一つずつ紹介していきます。

1. フレームセット

1. 属性

①border

フレームの枠線の太さを設定します。

②bordercolor

フレームの枠線の色を設定します。

③frameborder

フレーム枠を表示するかどうかを設定します。設定値は 0 と 1 のみで、0 は境界線なし、1 は境界線を表示することを意味します。

④cols

ページを縦に分割します。数値表現方法は「30%、30(または30px)、*」の3つがあり、値の個数は分割ウィンドウ数を表し、値は「,」で区切られます。 「30%」は、フレーム領域がブラウザ ページ領域全体の 30% を占めることを意味します。「30」は、その領域の横幅が 30 ピクセルであることを意味します。「*」は、その領域が残りのページ領域を占めることを意味します。例:cols="25%,200,*" は、ページを 3 つの部分に分割することを意味します。左側の部分はページの 30% を占め、中央の水平幅は 200 ピクセル、ページの残りの部分は右側です。一部。

⑤行

ページを横方向に分割します。数値の表現方法や意味はcolsと同じです。

⑥フレーム間隔

フレーム間の予約スペースの距離を設定します。

2. ユースケース

注 1:

cols と rows同じ

タグ内で属性を使用しないようにしてください。以下のアーキテクチャを実装するには、コードを記述する正しい方法は次のとおりです:

フレームセットの使用方法のチュートリアル

[つまり、列と行の両方を使用したい場合は、フレームセットのネストを使用できます]

注 2:

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

は、ブラウザ ウィンドウが 4 つの部分に分割されることを意味します。

2. フレーム

1. 属性

①name

フレーム名を設定します。このプロパティは設定する必要があります。

②src

このフレームに表示するWebページの名前またはパスを設定します。このプロパティは設定する必要があります。

③スクロール

スクロールバーを表示するかどうかを設定します。設定値はauto、yes、noです。

④bordercolor

枠の枠線の色を設定します。

⑤frameborder

フレーム枠を表示するかどうかを設定します。設定値は 0 と 1 のみで、0 は境界線なし、1 は境界線を表示することを意味します。

⑥noresize

フレームサイズを手動で調整できるかどうかを設定します。

⑦marginwidth

枠線とその中のコンテンツとの間の幅を設定します。

⑧marginhight

枠線とその中のコンテンツとの間の高さを設定します。

⑨width

フレームの幅を設定します。

⑩高さ

フレームの高さを設定します。

2. 使用例

3. iframe

はフレームと同様の共通属性です(同じものは列挙しません)。

1. プロパティ

①align

垂直方向または水平方向の配置を設定します

②allowTransparency

オブジェクトを透明にできるかどうかを設定または取得します。

2. 使用例

注:

iframeタグの検証方法は、framesetやframeタグとは異なり、XHTML 1.0 Transitionalです。そして、iframe は body タグ内に配置され、frameset と Frame は body タグの外側に配置されます。

4. 包括的な例

包括的な例

申し訳ありませんが、お使いのブラウザは「フレーム」をサポートしていません。

このペアは、 タグ ペアの間にも配置され、フレームをサポートしていないブラウザでテキストまたは画像情報を表示するために使用されます。このタグのペアの直後に、おなじみのタグを使用する前に、 タグのペアが続きます。

最後に注意すべき点:

上で書いたようにコードを VS に記述してエラーを報告した場合、たとえば:

または

解決策は次のとおりです:

[ツール]→[オプション]→[テキスト エディター]→[HTML]→[検証]→[Internet Explorer 6.0]

さて、上記の内容を通じて、さらに練習すると、フレームの関連知識が徐々に慣れてくるようになります。本当に良いです。フレーム系タグのイベントメソッドについては、一般的にはあまり使用されませんので、必要に応じてご自身で確認してください。 [あはは、実はまだ使ったことないんです]フレームセットの使用方法のチュートリアル

上記では、関連コンテンツも含めて Frameset の使用方法のチュートリアルを紹介しています。PHP チュートリアルに興味のある友人に役立つことを願っています。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。