10.4.1 フレームセットとフレームの違い まず、フレームセットとフレームの違いについて説明します。 <Frameset></Frameset> はフレームを分割するために使用され、各フレームは <Frame></Frame> でマークされます。 <Frame></Frame> は <Frameset></Frameset> 内で使用する必要があります。コードは次のとおりです。 <FRAMESET border=1 frameSpacing=1 borderColor=#47478d rows=* cols=180,*> <FRAME src="inc/admin_left.htm" name=left scrolling=no id="left"> <FRAME src="inc/admin_center.htm" name=メインスクロール="no"> </フレームセット> 上記の例では、<Frameset></Frameset> によってページが 2 つの部分に分割され、左のフレームのページは admin_left.htm、右のフレームのページは admin_center.htm になります。 注意: <Frame></Frame> タグのフレーム順序は、左から右、または上から下です。 両者の違いは次のとおりです。 ● <Frameset> はフレーム タグであり、Web ドキュメントがフレームで構成されていることを示すとともに、ドキュメント内のフレームセットを構成するフレームのレイアウトを設定します。 ● <Frame> は、フレームセット内の各フレームのプロパティを設定するために使用されます。 10.4.2 フレームセットパラメータ設定 <フレームセット border=1 frameSpacing=1 borderColor=#47478d rows=* cols=180,*> 上記コードのパラメータ設定とその意味を表 10.3 に示します。 表10.3 フレームセットパラメータ
10.4.3 フレームパラメータ設定フレームパラメータの設定に関しては、コードは次のようになります。 表10.4に示すように。 表10.4 フレームパラメータ
10.4.4 フレームとIframeの違いFrame と Iframe が実現できる機能は基本的に同じですが、Iframe の方が Frame よりも柔軟性があります。 フローティング フレーム タグとも呼ばれる Iframe タグは、HTML ドキュメントを HTML ドキュメント内に埋め込んで表示するために使用できます。 Frame タグとの最大の違いは、Web ページに埋め込まれた <Iframe></Iframe> に含まれるコンテンツはページ全体の不可欠な部分であるのに対し、<Frame></Frame> に含まれるコンテンツは独立した個体であり、独立して表示できることです。さらに、Iframe を適用すると、コンテンツのコードを繰り返さずに、同じコンテンツを同じページに複数回表示することもできます。 図 10.21 に示すページでは、ページの上部と下部にページ区切りリンクを作成するために Iframe を使用しています。コードは同じです。コードを繰り返さずに、同じファイルを Web ページに埋め込むだけです。このケースの実際の効果については、付属のブック CD のケース /frame/iframe/see_infomore_iframe.htm を参照してください。 10.4.5 Iframeを透明に設定するIframe のもう 1 つの大きな利点は、フレームを透明に設定して、フレーム内の背景をメイン ページの背景と同じにできることです。上記の例では、注意深い読者はこの問題に気付くでしょう。以下は、Iframe を透明に設定する方法の詳細な説明です。具体的な手順は次のとおりです。 (1)CD-ROM内のサンプルファイル/frame/iframe/see_infomore_iframe1.htmを開きます。 (2)ブラウザでページファイルを閲覧すると、Iframeが挿入された領域で元のセルの背景が覆われていることがわかります。これは望ましい効果ではありません。 (3)page.htmページを開き、コードビューに切り替えて、<body>タグに次のコードを挿入します。 <body style="background-color=transparent"> 図10.21 Iframeを使用してページめくりを作成する (4) see_infomore_iframe1.htm をコードビューに切り替えて、次のようにページに Iframe を挿入するセルのコードを確認します。 <td 高さ="30" 列スパン="4" > <iframe name="main" width="100%" height="30" frameborder="0" border=0 scrolling="no" marginwidth="0" marginheight="0" src="page.htm"></iframe> </td> (5)<Iframe>タグ内で、 <frame name="left" src=" index_manager/admin_left.htm " marginwidth="1" marginheight="1" scrolling="no" frameborder="1" noresize framespacing="2" bordercolor="#cc0000"> 上記コードのパラメータ設定とその意味 透明度を許可="true" (6)Iframeを挿入するためのセルコードは次のとおりです。 <td 高さ="30" 列スパン="4" > <iframe name="main" width="100%" height="30" frameborder="0" border=0 scrolling="no" marginwidth="0" marginheight="0" src="page.htm" allowTransparency="true"></iframe></td> (7)page.htmとsee_infomore_iframe1.htmの2つのページを保存し、ブラウザで結果を参照します。 |
この記事では、WeChatアプレットの計算機機能を実装するための具体的なコードを参考までに紹介します...
本来の意図このツールを作った理由は、コンピューターを使用しているときにいつでも毎日の仕事や生活を記録...
目次埋め込みJavaScriptと外部リンクの基本的な応用JavaScript の記述方法には、イン...
一般的に: [重要なフラグ1つ] > [特別なフラグ4つ] > 宣言順!importan...
この記事では、HTML描画ユーザー登録ページの具体的な実装コードを参考までに共有します。具体的な内容...
1. ul タグには、Mozilla ではデフォルトでパディング値がありますが、IE ではマージン値...
目次シナリオタスクアイデア分析するコンセプトと選択ちょっとしたテスト環境説明予防実践テスト引用シナリ...
マウスを動かしたときにDIVが消えるように手ぶれ補正を使用するdiv タグ自体は onblur イベ...
この記事では、VMware Workstation 14 Proにシステムをインストールする方法を紹...
目次MyISAM と InnoDBパフォーマンスの低下と SQL の速度低下の理由: MySQL 実...
MySQLは独立した書き込み分離を設定します。コードに次のものを書くと問題が発生する可能性があります...
目次JSBridgeの起源JSBridgeの双方向通信原理JSはネイティブを呼び出すネイティブコール...
この記事では、オブジェクト パラメータをインスタンス化して MySQL でデータをクエリする方法を紹...
この記事では、シンプルな HTML ビデオ プレーヤーを実装する方法を紹介し、皆さんと共有します。詳...
フレームセット ページは通常の Web ページとは多少異なります。依然として <HTML>...