XHTML 入門チュートリアル: フレーム タグの使用

XHTML 入門チュートリアル: フレーム タグの使用
<br />フレーム構造により、ブラウザの 1 ページに複数の Web ページを同時に表示できます。ウェブサイトのデザインに使用することはお勧めしません。 フレーム構造タグ <frameset></frameset>
フレームを使用すると、1 つのブラウザ ウィンドウ内で 2 つ以上のページを開くことができます。これは次のように理解できます。<frameset> は実際には大きな <table> ですが、ページ全体が <table> の本体であり、各セルの内容は独立した Web ページです。 フレームを列に分割する(「cols」属性と「rows」属性)
フレーム構造は、Web ページをセルとするテーブルとして理解できるため、列に分割する必要があります。 cols 属性はページを列に分割し、rows 属性はページを行に分割します。例を見てみましょう。 <html>
<フレームセット行数="25%,75%">
<フレーム src="1.html"/>
<フレーム src="3.html"/>
</フレームセット>
</html>
「rows="25%,75%"」は、2つの属性値があり、それぞれのサイズがページの高さの25%と75%であるため、ページが2行に分割されることを意味します。上記のコードの表示効果を確認するには、ここをクリックしてください。フレームタグ <frame>
上記の例では <frame> タグが使用されており、その src 属性はこのフレームに表示されるコンテンツです。この例の 2 つのフレームは、ドラッグして離すことでサイズを変更できます。サイズを固定したい場合は、noresize="noresize" 属性を使用します。
注意: <frame> タグは空のタグなので、XHTML 要件に準拠するには「/」を追加する必要があります。 <noframe> タグについて: このタグは、ブラウザがフレーム構造をサポートしていない場合にのみ機能します。現在、ほとんどすべてのインターネット ユーザーのブラウザがフレーム構造をサポートしているため、ここではこのタグを紹介しません。これについてさらに詳しく知りたい場合は、Web 上の HTML マニュアルを参照してください。 フレームワークとDTD
フレーム ページの DTD は通常の Web ページの DTD とは異なります。宣言方法は次のとおりです: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

<<:  MySQL の日付と時刻関数の概要 (MySQL 5.X)

>>:  カルーセルカルーセルケースのJS実装

推薦する

mysql における mydumper と mysqldump の比較

いくつかのテーブルまたは単一のデータベースのみをバックアップする場合は、innobackup よりも...

Mysqlツリー再帰クエリの実装方法

序文部門テーブルなどのデータベース内のツリー構造データの場合、部門のすべての従属部門または部門のすべ...

Vueのフロントエンドシステムとフロントエンドとバックエンドの分離の詳細な説明

目次概要フロントエンド知識システムフロントエンドの3つの要素プレゼンテーション層 (CSS)動作レイ...

ウェブサイトのハイパーリンクを開く方法に関する議論

新しいウィンドウが開きます。 利点: ユーザーがリンクをクリックしても、現在閲覧しているコンテンツは...

CSSアニメーション属性キーフレームの詳細な説明

コラムを更新してからどれくらい経ったでしょうか?半年ですか?今年の後半は、まさに離陸、つまり文字通り...

CSSスタイルシートを効率的に使用するためのヒント: スタイルシートの力を最大限に活用する

インターネット経済の継続的な発展に伴い、インターネット上の専門ウェブサイト、公共サービスウェブサイト...

Vue の下部ナビゲーション バー TabBar を実装するための非常に詳細なチュートリアル

目次プロジェクト紹介:プロジェクトディレクトリ: TabBar 効果のプレビュー: TabBar 実...

Vue実戦記録のログインページの実装

目次1. 事前準備1.1 Node.jsをインストールする1.2 webpackをインストールする1...

Linux ソフトウェアのインストール場所を確認する簡単な方法

1. ソフトウェアのインストールパスを確認します。 Linuxソフトウェアをインストールできる場所は...

nginx+uwsgi で Django プロジェクトを開始するための詳細な手順

Django で Web プロジェクトを開発する場合、開発およびテストのプロセスでは Django ...

Nest.js 環境変数の設定とシリアル化の詳細な説明

環境変数の設定の簡単な説明プログラムは、環境によって異なる環境変数を必要とします。たとえば、実稼働環...

Vue2.x における双方向バインディングの原理と実装

目次1. 実施プロセス2. オブザーバーを表示する3. ウォッチャーを実装する4. コンパイルを実装...

Vue ミックスインの使用方法とオプションのマージの詳細な説明

目次1. コンポーネントでの使用2. オプションのマージ要約する1. コンポーネントでの使用Mixi...

Linux のよく使うコマンドの使い方を詳しく解説(第 2 回)———— テキストエディタのコマンド vi/vim

vi/vim の紹介どちらもマルチモード エディターです。違いは、vim が vi のアップグレー...

JSはスネークゲームを実装する

目次1. 初期化構造2. 蛇の色のレンダリング3. ヘビの動き4. ヘビの死を判定する方法 ヘビの死...