HTMLフレーム(フレームセット)は、複数のWebページを1つのWebページ上に表示する技術です。 Web ページを領域 (または「フレーム」) に分割し、それぞれの領域に異なる Web ページを表示できます。このテクノロジーは Web 時代の初期に非常に人気がありましたが、ネットワーク テクノロジーの継続的な発展に伴い、他のテクノロジーに取って代わられてきました。 HTML フレームワークは、フレーム要素の組み合わせによって実装されます。その主な要素は 、、 です。これらは、それぞれページ構造の定義、サブフレームの定義、フレームへの外部ページの埋め込みに使用されます。 </p> <p><frameset> 要素は、ページ全体のフレーム構造を定義する最も重要なフレーム要素です。これには、行、列、フレーム間隔など、各フレームのサイズ、位置、間隔を定義するいくつかの重要なプロパティがあります。簡単な例を次に示します: </p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class='brush:php;toolbar:false;'><frameset rows="25%, 75%"> <frame src="header.html"> <frameset cols="50%, 50%"> <frame src="left.html"> <frame src="right.html"> </frameset> </frameset></pre><div class="contentsignin">ログイン後にコピー</div></div><p> この例では、ページはいくつかのフレームに分割されており、上部フレームはページ上部からの高さの 25% を占め、下部フレームは 75% を占めています。 。下部フレームはさらに 2 つの列に分割され、それぞれが幅の 50% を占めます。各フレームには、表示する Web ページを指定する対応する src 属性があります。 </p><p><frame> 要素は、各サブフレームを定義するために使用されます。これは通常、<frameset> 要素内にネストされており、src 属性と、フレームの境界線やスクロール バーを制御するための Frameborder やスクロールなどのその他の属性が含まれています。以下に例を示します: </p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class='brush:php;toolbar:false;'><frame src="left.html" frameborder="0" scrolling="yes"></pre><div class="contentsignin">ログイン後にコピー</div></div><p> この例では、<frame> は「left」という名前のフレームを定義し、そのコンテンツとして「left.html」を指定します。 Frameborder プロパティはフレームの境界線を表示するかどうかを設定し、scrolling プロパティはフレーム内にスクロール バーを表示するかどうかを制御します。 </p><p><iframe> 要素は <frame> に似ており、現在の Web ページに別の Web ページを埋め込むために使用されます。 <frame> との主な違いは、<iframe> はどこにでもネストできるのに対し、<frame> は <frameset> 内になければならず、フレーム ページでのみ使用できることです。以下に例を示します: </p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class='brush:php;toolbar:false;'><iframe src="http://www.example.com" width="100%" height="400px">ログイン後にコピー この例では、 「http://www.example.com」Web ページを現在の Web ページに埋め込み、幅 100%、高さ 400 ピクセルに設定します。 。 </p> <p>HTML フレーム化テクノロジは以前は非常に人気がありましたが、現在ではその使用は推奨されません。これには、次のようないくつかの欠点があるためです。 </p> <ol> <li>フレーム化されたページ URL と履歴は問題を引き起こす可能性があります。 </li> <li>検索エンジンの最適化は難しく、フレーム ページの最適化も困難です。 </li> <li>フレーム付きページは時代遅れのテクノロジーとみなされ、多くのブラウザーではサポートされなくなりました。 </li> </ol> <p> その結果、現代の Web サイト開発者は、レスポンシブ Web デザインやシングルページ アプリケーションなどの他のテクノロジに注目するようになりました。 </p> <p>HTMLフレーム技術とは、一言で言えば、複数のWebページを1つのWebページ上に表示する技術です。以前は非常に人気がありましたが、現在は他のテクノロジーに取って代わられています。いずれにせよ、これは依然として Web の進化における重要な段階であり、言及する価値があります。 </p>
