XHTML: フレーム構造タグ

XHTML: フレーム構造タグ

フレーム構造タグ <frameset></frameset>
フレームを使用すると、1 つのブラウザ ウィンドウ内で 2 つ以上のページを開くことができます。これは次のように理解できます。<frameset> は実際には大きな <table> ですが、ページ全体が <table> の本体であり、各セルの内容は独立した Web ページです。
フレームを列に分割する(「cols」属性と「rows」属性)
フレーム構造は、Web ページをセルとするテーブルとして理解できるため、列に分割する必要があります。 cols 属性はページを列に分割し、rows 属性はページを行に分割します。例を見てみましょう。

<html>
<framesetrows="25%,75%">
<framesrc="1.html"/>
<framesrc="3.html"/>
</フレームセット>
</html>
「rows="25%,75%"」は、2つの属性値があり、それぞれのサイズがページの高さの25%と75%であるため、ページが2行に分割されることを意味します。上記のコードの表示効果を確認するには、ここをクリックしてください。フレームタグ <frame>
上記の例では <frame> タグが使用されており、その src 属性はこのフレームに表示されるコンテンツです。この例の 2 つのフレームは、ドラッグして離すことでサイズを変更できます。サイズを固定したい場合は、noresize="noresize" 属性を使用します。
注意: <frame> タグは空のタグであり、XHTML 要件に準拠するには「/」を追加する必要があります。
<noframe> タグについて<br /> このタグは、ブラウザがフレーム構造をサポートしていない場合にのみ機能します。現在、ほとんどのネットユーザーのブラウザはフレーム構造をサポートしているため、ここではこのタグを紹介しません。これについてさらに詳しく知りたい場合は、Web 上の HTML マニュアルを参照してください。
フレームワークとDTD
フレーム ページの DTD は通常の Web ページの DTD とは異なります。申告方法は以下の通りです。
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Frameset//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

<<:  docker を使用して Kong クラスター操作を構築する

>>:  JavaScript ファクトリーパターンの説明

推薦する

CSS ハック \9 と \0 は IE11\IE9\IE8 のハッキングには機能しない可能性があります

Web ページやフォームを設計するたびに、さまざまなブラウザ、特に IE ファミリの互換性の問題に悩...

Windows 2008 Server サブドメインを親ドメインに追加すると、ドメインが既に存在するというエラー メッセージが表示されます。

Windows 2008 Serverのサブドメインを親ドメインに参加させると、「ドメインは既に存...

MySQL マルチテーブル結合クエリの詳細な説明

目次複数テーブル結合クエリ内部結合左結合右結合サブクエリ要約する複数テーブル結合クエリテーブル間の接...

フォント宝庫 50 種類の素晴らしい無料英語フォントリソース パート 1

デザイナーは独自のフォント ライブラリを持っているため、プロジェクトの設計時にすぐに使用できます。今...

Nginx をベースに特定の IP への短期アクセス数を制限する

特定の期間内に特定の IP へのアクセス回数を制限する方法は、特に悪意のある DDOS 攻撃に直面し...

CentOS8.1 で Gitlab サーバーを構築するための詳細なチュートリアル

Gitlab と Github の違いについては、あまり説明する必要はありません。一言でまとめると、...

MySQL 8.0.11 圧縮バージョンを Windows 10 にインストールするための詳細なチュートリアル

最近コンピュータを再インストールした後、最新バージョンのみをインストールするという強迫観念に基づいて...

CentOS 7.5 が Varnish キャッシュサーバー機能を導入

1. ワニスの紹介Varnish は、高性能なオープンソースのリバースプロキシサーバーおよび HTT...

MySQL フルテキスト インデックス、ジョイント インデックス、Like クエリ、JSON クエリのうち、どれが高速ですか?

目次クエリの背景1. クエリをいいね2. JSON関数クエリ3. 共同インデックスクエリ4. 全文イ...

Vue の大容量ファイルアップロードとブレークポイント再開アップロードの実装

目次ファイルアップロードのための2つのソリューションファイルストリーム(フォームデータ)に基づくクラ...

Spark RDD をデータフレームに変換し、それを MySQL に書き込む例

DataframeはSpark 1.3.0で導入された新しいAPIで、Sparkで大規模な構造化デー...

Linux で crontab 出力リダイレクトが有効にならない問題の解決方法

質問LINUX では、定期的なタスクは通常、cron デーモン プロセス [ps -ef | gre...

MySQLデータ損失の原因と解決策

目次序文問題の説明原因分析拡大する総括する序文最近、データの欠落やデータの損失に関するフィードバック...

mysql5.6.zip形式の圧縮版インストールグラフィックチュートリアル

はじめに: MySQL は、スウェーデンの MySQL AB によって開発されたリレーショナル デー...

Vue vee-validateプラグインの簡単な使い方

目次1. インストール2. インポート3. 検証ルールを定義します(エクスポート用に js ファイル...