コミュニティ
学ぶ
ツールライブラリ
AIツール
レジャー
検索
日本語
ホームページ ウェブフロントエンド htmlチュートリアル HTMLフレームセットタグの使い方は？ HTMLフレームセットタグの属性の詳しい説明

HTMLフレームセットタグの使い方は？ HTMLフレームセットタグの属性の詳しい説明

寻∝梦
寻∝梦
Aug 17, 2018 pm 01:41 PM

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 のスクリプトで使用できます。

注:

タグは タグと一緒に使用することはできません。ただし、フレームをサポートしていないブラウザに タグを追加する必要がある場合は、<noframes> タグ内で タグのペアを続けてください。おなじみレーベルの。 <p><strong>HTML <frameset> タグの例: </frameset></strong></p> <p> 単純な 3 フレーム ページ: </p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class='brush:php;toolbar:false;'>&lt;html&gt; &lt;frameset cols=&quot;25%,50%,25%&quot;&gt; &lt;frame src=&quot;frame_a.htm&quot; /&gt; &lt;frame src=&quot;frame_b.htm&quot; /&gt; &lt;frame src=&quot;frame_c.htm&quot; /&gt; &lt;/frameset&gt; &lt;/html&gt;</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="/static/imghw/default1.png" data-src="https://img.php.cn//upload/image/223/354/882/1534468985971134.png" class="lazy" 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:php;toolbar:false;'>&lt;frameset rows=&quot;150,300,150&quot;&gt;</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:php;toolbar:false;'>&lt;frameset rows=&quot;25%,50%,25%&quot;&gt;</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:php;toolbar:false;'>&lt;frameset cols=&quot;100, *&quot;&gt;</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 サイトの他の関連記事を参照してください。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

Video Face Swap

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

もっと見る

人気の記事

アサシンのクリードシャドウズ：シーシェルリドルソリューション
4週間前 By DDD
Windows11 KB5054979の新しいものと更新の問題を修正する方法
3週間前 By DDD
Atomfallのクレーンコントロールキーカードを見つける場所
4週間前 By DDD
<🎜>：Dead Rails-すべての課題を完了する方法
1 か月前 By DDD
KB5055523を修正する方法Windows 11にインストールできませんか？
2週間前 By DDD
もっと見る

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト（SublimeText3）

もっと見る

ホットトピック

Gmailメールのログイン入り口はどこですか？
7733
15
Java チュートリアル
1643
14
CakePHP チュートリアル
1397
52
Laravel チュートリアル
1290
25
PHP チュートリアル
1233
29
もっと見る
Related knowledge
HTMLは初心者のために簡単に学ぶことができますか？ HTMLは初心者のために簡単に学ぶことができますか？ Apr 07, 2025 am 12:11 AM

HTMLは、簡単に学習しやすく、結果をすばやく見ることができるため、初心者に適しています。 1）HTMLの学習曲線はスムーズで簡単に開始できます。 2）基本タグをマスターして、Webページの作成を開始します。 3）柔軟性が高く、CSSおよびJavaScriptと組み合わせて使用​​できます。 4）豊富な学習リソースと最新のツールは、学習プロセスをサポートしています。

HTML、CSS、およびJavaScriptの役割：コアの責任 HTML、CSS、およびJavaScriptの役割：コアの責任 Apr 08, 2025 pm 07:05 PM

HTMLはWeb構造を定義し、CSSはスタイルとレイアウトを担当し、JavaScriptは動的な相互作用を提供します。 3人はWeb開発で職務を遂行し、共同でカラフルなWebサイトを構築します。

HTMLでの開始タグの例は何ですか？ HTMLでの開始タグの例は何ですか？ Apr 06, 2025 am 12:04 AM

Anexampleapalofastartingtaginhtmlis、それはaperginsaparagraph.startingtagsaresentionentientiontheyinitiateelements、definetheirtypes、およびarecrucialforurturingwebpagesandcontingthomedomを構築します。

HTML、CSS、およびJavaScriptの理解：初心者向けガイド HTML、CSS、およびJavaScriptの理解：初心者向けガイド Apr 12, 2025 am 12:02 AM

webdevelopmentReliesOnhtml、css、andjavascript：1）htmlStructuresContent、2）cssStylesit、および3）Javascriptaddsinteractivity、形成、

Giteeページ静的なWebサイトの展開に失敗しました：単一のファイル404エラーをトラブルシューティングと解決する方法 Giteeページ静的なWebサイトの展開に失敗しました：単一のファイル404エラーをトラブルシューティングと解決する方法 Apr 04, 2025 pm 11:54 PM

GiteEpages静的Webサイトの展開が失敗しました：404エラーのトラブルシューティングと解像度Giteeを使用する

WebアノテーションにY軸位置の適応レイアウトを実装する方法は？ WebアノテーションにY軸位置の適応レイアウトを実装する方法は？ Apr 04, 2025 pm 11:30 PM

Y軸位置Webアノテーション機能の適応アルゴリズムこの記事では、単語文書と同様の注釈関数、特に注釈間の間隔を扱う方法を実装する方法を探ります...

HTML、CSS、およびJavaScript：Web開発者に不可欠なツール HTML、CSS、およびJavaScript：Web開発者に不可欠なツール Apr 09, 2025 am 12:12 AM

HTML、CSS、およびJavaScriptは、Web開発の3つの柱です。 1。HTMLは、Webページ構造を定義し、などなどのタグを使用します。2。CSSは、色、フォントサイズなどのセレクターと属性を使用してWebページスタイルを制御します。

CSS3とJavaScriptを使用して、クリック後に周囲の写真を散乱および拡大する効果を実現する方法は？ CSS3とJavaScriptを使用して、クリック後に周囲の写真を散乱および拡大する効果を実現する方法は？ Apr 05, 2025 am 06:15 AM

画像をクリックした後、散乱と周囲の画像を拡大する効果を実現するには、多くのWebデザインがインタラクティブな効果を実現する必要があります。特定の画像をクリックして周囲を作成してください...

See all articles