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

推薦する

ポップアップはすべて不正なものではありません。ウェブサイトのポップアップをデザインするためのヒント

ポップアップニュースは国内のインターネットサービスでは一般的であり、リアルタイムプッシュ方式はウェブ...

CentOS7.6にMYSQL8.0をインストールする詳細な手順

1. 一般的に、CentOS では mariadb がデフォルトでインストールされているため、まず ...

CSS で雨滴アニメーション効果を実装するサンプルコード

ガラス窓今日実現するのは雨滴効果です。ただし、雨滴効果を実現する前に、まずは曇りガラス効果を作成しま...

Linux ディスク領域解放問題の概要

IDC のサーバーの /partition 使用率がいっぱいです。 100% に到達しました!確認し...

Vue 手書き読み込みアニメーション プロジェクト

ページが応答しない場合、白い画面が表示されないように、読み込みアニメーションを表示するのがユーザーフ...

Tomcat で JNDI データ ソースを構成する 3 つの方法

これまでの仕事では、開発サーバーは一般的にTomcatでした。データソースは、多くの場合、appli...

ウェブページ作成に役立つコード

<br />ホームページの右側にあるスクロールバーを削除するにはどうすればよいですか? ...

HTML テーブル マークアップ チュートリアル (41): テーブル ヘッダーの幅と高さの属性 WIDTH、HEIGHT

デフォルトでは、ヘッダーの幅と高さはコンテンツに応じて自動的に調整されます。ヘッダーの幅と高さを手動...

CentOS8 で Docker を使用してオープンソース プロジェクト Tcloud をデプロイするチュートリアル

1. Dockerをインストールする1. 仮想マシンに Centos7 をインストールしました。Li...

Navicat for MySQL 15 登録とアクティベーションの詳細なチュートリアル

1. Navicat for MySQL 15をダウンロードするhttps://www.navica...

Vue3.0 は虫眼鏡効果のケーススタディを実装します

達成される効果は、固定ズームが 2 倍になり、マウスが左側の画像領域に入るとマスク レイヤーが表示さ...

JSを段階的に学ぶ方法についての簡単な説明

目次概要1. jsの位置づけを明確に理解する2. 明確な学習パス3. 自己規律と粘り強さ4. 練習し...

mysql 起動時の ERROR 2003 (HY000) の問題を解決する方法

1. 問題の説明MYSQL を起動すると、図に示すように、「ERROR 2003 (HY000): ...

openlayers6 マップオーバーレイの一般的な 3 つの用途 (ポップアップウィンドウマーカーテキスト)

目次1. 前に書く2. ポップアップウィンドウを実装するためのオーバーレイ2.1 vueページのad...

Navicatをサーバー上のdockerデータベースに接続する方法

dokekrでmysqlコンテナを起動するコマンドを使用します: docker run -p 330...