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 ファクトリーパターンの説明

推薦する

Tomcat コアコンポーネントとアプリケーションアーキテクチャの詳細な説明

目次Web コンテナとは何ですか? HTTP の性質HTTP リクエスト応答の例クッキーとセッション...

Tomcat メモリ オーバーフロー問題の解決経験

少し前に、製品バージョンをテスト用にテスターに​​提出したのですが、テスト結果はまったく予想外のもの...

MySQLマスタースレーブ遅延現象と原理の詳細な分析

1. 現象早朝、オンライン テーブルにインデックスが追加されました。テーブル内のデータ量が大きすぎた...

Vueのsync修飾子の詳細な説明

目次1. 手順2. 修飾語3. .sync 修飾子4. まとめ1. 手順指示とは命令です。文字通りの...

星のフラッシュ効果を実現するjs

この記事の例では、スターフラッシュ効果を実現するためのjsの具体的なコードを参考までに共有しています...

Alibaba CloudにMySQLをインストールする方法の詳細な説明

軽量のオープンソース データベースである MySQL は、エンタープライズ レベルのアプリケーション...

Vueの監視プロパティの詳細な説明

目次Vue モニターのプロパティリスナープロパティとは何ですか?リスニングプロパティと計算プロパティ...

MySQL の自動増分主キーが使い果たされた場合の対処方法

面接では、次のようなシナリオを経験する必要があります。インタビュアー: 「MySQL を使用したこと...

冗長カーネルを削除するLinuxディープインの実装方法

前の記事では、deepin linux に新しいカーネルを手動でインストールする方法について説明しま...

nginx リクエスト ヘッダー データ読み取りプロセスの詳細な説明

前回の記事では、nginx がリクエスト ラインのデータを読み取って、リクエスト ラインを解析する方...

KVM 仮想化のインストール、展開、管理のチュートリアル

目次1.kvmの展開1.1 kvmのインストール1.2 kvm Web管理インターフェースのインスト...

iOS スタイルの選択ボックスの開閉機能を実装するための純粋な CSS

1 効果デモアドレス: https://www.albertyy.com/2020/7/check...

Div CSS 命名標準 CSS クラスの命名規則 (SEO 標準に準拠)

検索エンジン最適化 (SEO) では実行すべきタスクが多数ありますが、その中でもコードの最適化は重要...

フレックスレイアウトの互換性の問題の概要

1. W3C バージョンの flex 2009年版フラグ: display: box; または bo...

MySQLのストレージエンジンの詳細な説明

MySQL ストレージ エンジンの概要ストレージ エンジンとは何ですか? MySQL のデータは、さ...