フレーム Frame の使用方法: 1. を使用してフレームを作成します; 2. を使用してインライン フレームを作成します。詳細な紹介: 1. <frameset> タグはブラウザ ウィンドウを複数の領域に分割するために使用され、各領域はフレームと呼ばれます。各フレームの幅または高さは、cols または rows 属性によって指定できます; 2. <iframe> タグは、現在の Web ページに別の Web ページを埋め込むために使用されます。 <iframe> の幅と高さは、width 属性と height 属性で指定できます。 </p></blockquote> <p><img src="https://img.php.cn/upload/article/202402/21/2024022116344790744.jpg" alt="フレームフレームワークの利用方法にはどのようなものがありますか?" ></p> <p><span>HTML では、<frame> タグを使用してフレームを定義し、ブラウザ ウィンドウを複数の領域に分割できます。各領域は異なります。 Web ページは独立してロードして表示できます。ただし、HTML5では<frame>タグがサポートされなくなったため、実際の開発では同様の機能を実現するために<frameset>または<iframe>タグを使用することを推奨します。 </span></p> <p><span><frameset> タグと <iframe> タグを使用してフレームを作成する方法の基本をいくつか示します: </span></p> <p><strong><span> 1 <frameset> を使用してフレームを作成します</span></strong></p> <p><span><frameset> タグはブラウザ ウィンドウを複数の領域に分割するために使用され、各領域はフレームと呼ばれます。各フレームの幅または高さは、cols または rows 属性を通じて指定できます。例: </span></p> <p><span>html</span></p> <p><span></span></p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><frameset cols="25%,*,25%"> <frame src="page1.html"> <frame src="page2.html"> <frame src="page3.html"> </frameset></pre><div class="contentsignin">ログイン後にコピー</div></div><p><span>この例では、ブラウザ ウィンドウが分割されています。 3 つの等しい幅のフレームの場合、1 番目と 3 番目のフレームの幅はウィンドウの全幅の 25% で、2 番目のフレームは残りのスペースを占めます。各フレームは異なる Web ページを読み込みます。 </span></p><p><strong><span>2. <iframe> を使用してインライン フレームを作成します。 </span></strong></p><p><span><iframe> タグは、現在の Web ページが別の Web ページ内に埋め込まれています。 <iframe> の幅と高さは、width 属性と height 属性で指定できます。例: </span></p><p><span>html</span></p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><iframe src="page1.html" width="500" height="300">ログイン後にコピーこの例では、幅 500 ピクセル、高さ 300 ピクセルの 現在の Web ページに移動し、ページ page1.html をロードします。 </span></p><p><span><frameset> と <iframe> のどちらを使用しても、フレームのソース アドレスの変更、フレーム サイズの調整など、JavaScript を通じてフレームを制御できます。等例: </span></p><p><span>javascript</span></p><p><span></span>##<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">// 改变第一个框架的源地址 parent.frames[0].location.href = "new_page.html"; // 调整第二个框架的大小 parent.frames[1].width = 500; parent.frames[1].height = 400;</pre><div class="contentsignin">ログイン後にコピー</div></div><p><frame> 以降、 、<frameset>、<iframe> タグの使用は、ユーザー エクスペリエンスの低下につながる可能性があるため (ナビゲーションが困難になる、検索エンジンの最適化に役立たないなど)、実際の開発では注意して使用する必要があります。他のテクノロジーを使用して同様の機能を実現することを検討してください。 <span></span></p>
