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実装

推薦する

HTML フォームタグチュートリアル (5): テキストフィールドタグ

<br />このタグは、さらにテキストを入力できる複数行のテキスト フィールドを作成する...

Vueはツリーテーブルを実装する

この記事では、ツリーテーブルを実装するためのVueの具体的なコードを例として紹介します。具体的な内容...

MySQL クエリ データベース容量方法手順

すべてのデータベースの合計サイズを照会する方法は次のとおりです。 mysql> informa...

JavaScript の setTimeout と setTimeinterval の使用例の説明

どちらの方法も、一定時間後に JavaScript コードを実行するために使用できますが、それぞれに...

MYSQL ロック解除とロックテーブルの紹介

MySQL ロックの概要他のデータベースと比較すると、MySQL のロック メカニズムは比較的単純で...

Docker ロード後にイメージ名が none になる問題の解決方法

最近、docker load -i コマンドを使用してイメージ パッケージを圧縮した後、イメージ名と...

nginx + php の「入力ファイルが指定されていません」の解決策

本日、ローカル開発環境で突然「入力ファイルが指定されていません」というエラーが発生してしまいました。...

ウェブページエクスペリエンス: 計画と設計

1. デザインの方向性を明確にする<br />まず、どのユーザーを対象にデザインするのか...

CentOS 7 で yum を使用して MySQL 5.7.20 をインストールする最も簡単な方法

CentOS7 のデフォルトのデータベースは mariadb ですが、mysql を使っている人も多...

React Router V6 のアップデート

目次ReactRouterV6 の変更1. <Switch> が <Routes&...

負荷分散と動的および静的分離操作を実現するDocker NginxコンテナとTomcatコンテナ

Tomcat8 イメージをダウンロード [root@localhost ~]# docker sea...

HTML ページジャンプのパラメータ渡しの問題

効果は以下のとおりです。ページジャンプボタンをクリックした後 対応する値はページ b で取得できます...

Intellij IDEA による Docker イメージの展開方法の手順の迅速な実装

目次1. Dockerはリモートアクセスを可能にする2. Intellij IDEAにDockerプ...

CocosCreatorでJSZip圧縮を使用する方法

CocosCreator バージョン: 2.4.2 jszipの実践的なプロジェクトアプリケーション...

複数の Docker コンテナが同じポート番号を持たない場合の解決策

背景Dockerでは、同じイメージを使用して4つのコンテナを作成します。ネットワークはブリッジモード...