HTMLフレームセットタグの使い方? HTML フレームセット タグの属性の詳細な説明 この記事では、主に HTML フレームセット タグの定義と使用法、および HTML フレームセット タグの 2 つの属性の使用法について説明します (例付き)
まず、理解しましょう。 HTML フレームセット タグとは:
HTML フレームセット タグの定義と使用法:
frameset 要素はフレームセットを定義できます。複数のウィンドウ（フレーム）を整理するために使用されます。各フレームワークには個別のドキュメントがあります。最も単純なアプリケーションでは、frameset 要素はフレームセット内に存在する列または行の数を指定するだけです。 cols 属性または rows 属性を使用する必要があります。
HTML フレームセット タグの役割:
その役割は、複数のフレームおよびネストされたフレームセットを整理するためのフレームセットを指定することです。
FRAMESET 要素は FRAME 要素のコンテナです。 HTML ドキュメントには FRAMESET 要素または BODY 要素のいずれかを含めることができますが、両方を含めることはできません。
ユーザーが Web フォルダーをフレーム内で開いた後、そのフォルダー内の何かをクリックすると、クリックされたファイルまたはフォルダーがウィンドウ全体を置き換えます。たとえば、ページに 2 つのフレームが含まれており、1 つは URL を指し、もう 1 つはネットワーク ドライブを指しているとします。ユーザーが 2 番目のフレームでファイルまたはフォルダーをクリックすると、そのフレームは最初のフレームを含むウィンドウ全体のコントロールをアクティブにします。 *.txt ファイルなど、ブラウザーが処理できないファイル タイプの場合は、対応するアプリケーション ウィンドウが開きます。
Web フォルダーはファイル システム階層の一部ですが、このテクノロジーはファイル システムの実際の内容を常に表すわけではありません。典型的な例はネットワーク ネイバーフッドです。
html フレームセット タグの使用範囲:
この要素は、Microsoft® Internet Explorer 3.0 の HTML および Internet Explorer 4.0 のスクリプトで使用できます。
注:
タグは
タグと一緒に使用することはできません。ただし、フレームをサポートしていないブラウザに
<![CDATA[ タグを追加する必要がある場合は、<noframes> タグ内で タグのペアを続けてください。おなじみレーベルの。 <p><strong>HTML <frameset> タグの例: </frameset></strong></p>
<p> 単純な 3 フレーム ページ: </p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><html>
<frameset cols="25%,50%,25%">
<frame src="frame_a.htm" />
<frame src="frame_b.htm" />
<frame src="frame_c.htm" />
</frameset>
</html></pre><div class="contentsignin">ログイン後にコピー</div></div><p><strong>html Frameset タグのヒントとメモ: </strong></p><p> ヒント: ブラウザではユーザーが手動で単一フレームは、ブラウザーにそうしないように明示的に指示しない限り、ドキュメントの行または列のサイズを変更するため、フレーム表示内の各フレームの相対的な比率が変更されます。これを防ぐには、<frame> タグで noresize 属性を使用します。 </p><p>注: フレームを含むページを検証したい場合は、DTD が「Frameset DTD」に設定されていることを確認してください。 XHTML 検証について詳しくは、こちらをご覧ください。 </p><p>重要: <body></body> タグを <frameset></frameset> タグと一緒に使用することはできません。ただし、フレームをサポートしていないブラウザで <noframes> タグを追加する必要がある場合は、必ずタグを <body></body> 内に配置してください。 </p><p>HTML Framesetタグのオプション属性: </p><p><img src="https://img.php.cn//upload/image/223/354/882/1534468985971134.png" title="1534468985971134.png" alt="HTMLフレームセットタグの使い方は？ HTMLフレームセットタグの属性の詳しい説明"/></p><p><strong>HTML Framesetタグの標準属性: </strong></p><p>id、class、title、style</p><p><strong>HTML <frameset>タグのcols属性とrows属性</strong></p> <p><strong> HTML フレームセット タグの役割と使用法: </strong></p><p><frameset> タグには必須の属性があります: 選択に応じて、行または列のいずれかで、ドキュメント ウィンドウ内のフレームまたはネストを定義します。フレームセット内の行または列。 </p><p>両方のプロパティは、フレームの絶対 (ピクセル) または相対 (パーセンテージまたは残りのスペース) 幅 (列の場合)、または絶対または相対の高さ (行の場合) を指定する、引用符で囲まれたカンマ区切りの値のリストを受け入れます。これらのプロパティ値の数によって、ブラウザーがドキュメント ウィンドウに表示するフレームの行数または列数が決まります。 </p><p>テーブルと同様に、ブラウザは指定されたフレームセットの寸法にできるだけ近いテーブルを表示しようとします。ただし、ブラウザーは、端を越えて広がるフレームセットに対応するためにドキュメント ウィンドウの境界を拡張しません。また、指定されたフレームがウィンドウ全体を満たさない場合、ブラウザーはウィンドウを空のスペースで埋めることもありません。代わりに、ブラウザは、行および列の他のフレームに対する相対的なフレームのサイズに基づいてスペースを割り当て、ドキュメント ウィンドウ全体を埋めるようにします。 (メインフレームドキュメントにはスクロールバーがないことに気づきましたか?) </p><p>ここに 3 つの例があります: </p><p><strong>例 1</strong></p><p>次のコードは 3 行のフレームを作成します: </p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><frameset rows="150,300,150"></pre><div class="contentsignin">ログイン後にコピー</div></div><p>その中の各行は全体で使用されます。ドキュメントウィンドウ。最初と最後のフレームは高さ 150 ピクセルに設定され、2 行目は高さ 300 ピクセルに設定されます。 </p><p>实际上，除非浏览器窗口正好是 600 像素高，否则浏览器将会自动按照比例延伸或压缩第一和最后一个框架，使得这两个框架都占据 1/4 的窗口空间。中间行将会占据剩下 1/2 的窗口空间。</p><p><strong>实例2</strong></p><p>用窗口尺寸的百分比表示的框架行和列尺寸数据更加实际。</p><p>例如，下面这个示例与刚才那个示例的效果相同：</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><frameset rows="25%,50%,25%"></pre><div class="contentsignin">ログイン後にコピー</div></div><p>当然，如果这些百分比加起来不是 100%，浏览器也会自动按照比例重新给出每行尺寸以消除差异。</p><p><strong>实例3</strong></p><p>如果你像我们一样，那么将问题综合起来就不是一件难事。可能有的框架设计人员正为同样的困难而感到苦恼，这就解释了为什么他们要在 <frameset> 的 rows 和 cols 值上加上星号。它告诉浏览器要在将相邻的框架放入框架集之后，给剩下的空间分配各自的行或列。</p><p>例如，当浏览器遇到下列框架标签时：</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><frameset cols="100, *"></pre><div class="contentsignin">ログイン後にコピー</div></div><p>上面的例子会生成一个宽为固定的 100 像素的列，然后再生成另一个框架列，该列会占据框架集中其余所有的空间。</p>
<p>【相关推荐】</p>
<p><a href="http://www.php.cn/div-tutorial-408459.html" target="_blank" title="HTML <fieldset> 标签的具体用法是什么？怎么用fieldset设置边框颜色？">HTML </a></p>
<fieldset> 标签的具体用法是什么？怎么用fieldset设置边框颜色？<br><p><a href="http://www.php.cn/div-tutorial-408527.html" target="_blank" title="html textarea是什么意思？如何获取textarea标签中的换行符和空格？">html textarea是什么意思？如何获取textarea标签中的换行符和空格？</a><br></p>
<p><br></p>
</fieldset>
]]>
以上がHTMLフレームセットタグの使い方は？ HTMLフレームセットタグの属性の詳しい説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
