framesetラベルデザインページ

3074 ワード

重要事項:ラベルをラベルに入れてはいけません.しかもHTML 5はframesetタグの使用をサポートしていません!!!
1、frameset要素は、複数のウィンドウ(フレーム)を整理するために使用されるフレームセットを定義することができる.各フレームワークには独立したドキュメントが保存されています.フレームワークの使用に合わせて、ページを分割し、ローカルにリフレッシュすることができます.合理的な使用はユーザーに非常に良い体験効果をもたらします.
 
2、framesetのいくつかの属性:
①、cols:フレームセット列の数とサイズを定義します.垂直カット画面(左右2画面分)は、整数値、パーセンテージを受け取り、*は残りのスペースを占有することを表します.数値の個数は、分割されたウィンドウの数を表し、カンマで区切られます.例えばCOLS="30,*,50%"は3つのウィンドウに切ることができ、1つ目のウィンドウは30 pixelsの幅で絶対分割され、2つ目のウィンドウは1つ目と3つ目のウィンドウを割り当てた後に残った空間であり、3つ目のウィンドウはウィンドウ画面全体の50%の幅を占めて相対分割される.自分で数字を調整することができます.
②、rows:フレームセットの行の数とサイズを定義します.これは横カットで、画面を上下に分けて、数値を同じに設定します.COLSとROWSの2つのパラメータはできるだけ同じタグに置かないでください.Netacapeは偶然このタイプのフレームワークを表示できないので、できるだけ多重分割を採用します.
③、frameborder:フレームの枠を設定し、その値は0と1だけで、0は枠を使わないことを示し、1は枠を表示することを示す.
④、border:フレームの枠厚を設定します.
⑤、bordercolor:フレームの枠の色を設定します.
⑥、framespacing:フレームとフレームの間に残された空白の距離を表す.
 
 
3、frameタグの属性:
①、name:フレーム名を設定します.これは必須のプロパティです.
②、src:このフレームに表示するページ名またはパスを設定します.これは必須のプロパティです.
③、scrolling:スクロールバーを表示するかどうかを設定します.設定値はauto,yes,noです.
④、bordercolor:フレームの枠の色を設定します.
⑤、frameborder:フレームボーダーを表示するかどうかを設定します.設定値は0、1のみです.0は枠線ではなく、1は枠線を表示することを示します.
⑥、noresize:フレームサイズを手動で調整できるかを設定します.
⑦、marginwidth:フレーム境界とその内容の幅を設定します.
⑧、marginhight:フレーム境界とその内容の高さを設定します.
⑨、width:フレーム幅を設定します.
⑩、height:フレーム高さを設定します.
 
4、frameset使用例:
次の効果を実現するには
 
 
ページは3つの部分に分かれています.上部、左側、右側です.ここで左のハイパーリンクをクリックすると、右のフレームページが変わります.
全般ページ:main.html
1 2         3         4             5             6         7 

top.html,right.htmlは空のページですhtmlは次のとおりです.
2     
3         9     

ページの階層表示は、主にframesetラベルの中でcolsとrowsの使用に対して、frameラベルのネストに合わせています.左のメニューバーをクリックすると、右のframeが変化するので、属性を認識する必要があります.
target:リンクドキュメントを開く場所を指定します.ブラウザには、このラベルのhrefプロパティで命名された、このターゲットに一致するフレームワークまたはウィンドウ内のドキュメントがロードされ、表示されます.すなわちmain.htmlでは、ここのname属性値がいくらなのか、left.html中、ここは等しいです。
 
5、親ページがあるframesetの他のframeの要素をサブページで取得するにはどうすればいいですか?
どうやって?htmlでleftを取得します.htmlのラベルの属性値など
$(parent.parent.mainFrame.document).contents().find("body").html();//manFrameあなたが見たいframeのidを指します
例えば上のleft.htmlページでは、タスクが作成したIDがtaskCreatである場合、classプロパティを変更します.
$(parent.parent.left.document).contents().find("#taskCreat").attr("class","list-group-item");
6、framesetの長所と短所
現在のHTML 5規格ではframesetはサポートされていませんが、ページ全体をリロードする必要はありませんが、ページ内のフレームワークページをリロードするだけです(データの転送を減らし、ページのダウンロード速度を速めます).しかし、ブラウザの後退ボタンは役に立たないなど、多くの欠点があります.多くのページが生成され、管理しにくい.コードが複雑で、検索エンジンに検索されにくい.小型モバイルデバイスの表示が不完全である.マルチフレームワークのページには、サーバhttpリクエストなどが追加されます.したがってframesetの使用には慎重さが必要であり,現段階のDIV+CSSがこの機能を実現するために使用されてもよい.