コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > HTML Framework_html/css_WEB-ITnose の iframe、frame、frameset の関連属性の概要

HTML Framework_html/css_WEB-ITnose の iframe、frame、frameset の関連属性の概要

WBOY
リリース： 2016-06-24 11:50:43
オリジナル
1032 人が閲覧しました

質問

1. iframe と Frame の違いを知っていますか?

2. フレームセットおよびその他の関連属性を使用したことがありますか?

iframe と Frame の違い

プロジェクトで Frameset 属性を使用したかどうかはわかりません。昨年、オンライン カスタマー サービス システムの制作で、frameset 属性が使用されました。上のものは固定レイアウトが必要です。そのときのフレームセットとフレームを待ちましょう。これらの属性を使用した後、iframe と Frame の違いが理解できました。これまでは、プロジェクトでフレームを使用することはほとんどなく、使用する場合は iframe を使用していたからです。

以下で具体的な違いについて説明しましょう。以下に要点をまとめます。

1. FrameSet から独立して使用することはできません。

2. フレームを body に配置することはできません。 

<!--<body>--> <frameset rows="50%,*"> <frame name="frame1" src="test1.htm"/> <frame name="frame2" src="test2.htm"/> </frameset> <!--<body>-->
ログイン後にコピー
以下は正常に表示できません。 
<body> <frameset rows="50%,*"> <frame name="frame1" src="test1.htm"/> <frame name="frame2" src="test2.htm"/> </frameset> <body>
ログイン後にコピー

逆に、iframe がframeSet 属性の下に配置されている場合は、body に配置する必要があります 

 <body> <frameset> <iframe name="frame1" src="test1.htm"/> <iframe name="frame2" src="test2.htm"/> </frameset> </body>
ログイン後にコピー

3. iframe は HTML タグであり、HTML 内のどこでも使用できますが、frame は使用できません。 

<body> <iframe name="frame1" src="test1.htm"/> <iframe name="frame2" src="test2.htm"/> </body> <table> <tr> <td><iframe id="" src=""></iframe></td><td></td> </tr> </table>
ログイン後にコピー

フレームは、frameSet 内でネストされている必要があり、table などのタグ内で使用することはできません。

4. フレームの高さは、frameSet を通じてのみ制御できます。iframe はそれ自体で制御できますが、frameSet によって制御することはできません。 IE では正常に表示されます。Firefox では最初のフレームのみが表示されます。2 つ以上のフレームを使用すると、IE と Firefox の両方で正常に動作します

フレームセット関連のプロパティの紹介

border

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

bordercolor

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

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

cols

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

行

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

framespacing

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

使い方 

<!--<body>--> <frameset rows="50%,*"> <frame name="frame1" src="test1.htm"/> <frame name="frame2" src="test2.htm"/> </frameset> <!--</body>--> <body> <frameset> <iframe height="30%" name="frame1" src="test1.htm"/> <iframe height="100" name="frame2" src="test2.htm"/> </frameset> </body>
ログイン後にコピー

js選択の各部分のレイアウトとレンダリングは次のとおりです:

私はhaoroomsフロントエンドブログのオリジナル記事です!転載の際はご一報ください！ソースアドレスは http://www.haorooms.com/post/html_frameset_contro です


関連ラベル：
html框架之iframe和frame及frameset的相关属性介绍
ソース：php.cn
前の記事：マルチタイプセレクターの使用_html/css_WEB-ITnose 次の記事：JS と CSS のオーバーレイ機能を使用してファイルの競合を解決する_html/css_WEB-ITnose
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
function_exists() はカスタム関数を決定できません Function test () {return true;} if (function_exists ('test')) {echo "テストは関数です";
から 2024-04-29 11:01:01
0
3
2262
Google Chromeのモバイル版を表示する方法 こんにちは、先生、Google Chrome をモバイル版に変更するにはどうすればよいですか?
から 2024-04-23 00:22:19
0
11
2398
子ウィンドウは親ウィンドウを操作しますが、出力は応答しません。 最初の 2 つの文は実行可能ですが、最後の文は実装できません。
から 2024-04-19 15:37:47
0
1
2011
親ウィンドウには出力がありません document.onclick = function(){ window.opener.document.write('私は子ウィンドウの出力です');
から 2024-04-18 23:52:34
0
1
1893
CSS マインド マッピングに関するコースウェアはどこにありますか? コースウェア
から 2024-04-16 10:10:18
0
0
1964
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート