简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
ホームページ > ウェブフロントエンド > htmlチュートリアル > 本文

HTMLフレーム

王林
リリース： 2024-09-04 16:15:29
オリジナル
201 人が閲覧しました

HTML フレームは、Web ページまたは Web ブラウザを複数のセクションに分割するのに役立ちます。セクションを分割すると、異なる方法でロードされます。

A フレームは、コンテナから独立してコンテンツを表示します。複数のフレームはコレクションを形成し、フレームセットと呼ばれます。この配置は、表の行と列の方向に似ていると考えることができます。 Frame タグは HTML5 では非推奨になりました。

各フレームには、それを示すフレームタグがあります。 HTML文書では、横枠はframeタグのrow属性で定義され、縦枠はframeタグのcolumn属性で定義されます。 1 つのフレーム内の同じウィンドウに、静的なバナーや 2 番目のナビゲーション メニューなどが表示される場合があります。

フレームの構文

HTML には の終了タグがありません。タグ。 Web ページでフレームを使用するときは、 を使用します。 の代わりにタグを使用します。タグ。 <フレームセット>の使用これは、Web ページをフレームに分割するように指示する方法です。タグは、どの HTML ドキュメントをフレームとして開くかを定義します。

属性 Cols はピクセル単位の値を受け取り、フレームセット内の列の数とサイズを指定するのに役立ちます。

<cols ="10%,80%,10%">
ログイン後にコピー

同様に、上で見たように、属性行はピクセル単位の値を受け取り、フレームセット内の行の数とサイズを指定するのに役立ちます。

<rows ="10%,80%,10%">
ログイン後にコピー

ただし、 はタグは HTML5 で非推奨となり、使用されなくなりました。

HTML のさまざまなタイプのフレーム

フレームの使用法の 1 つは常に、ナビゲーション バーを 1 つのフレームにロードし、メイン ページを別のフレームにロードすることでした。 A-frame タグは、 内の 1 つのウィンドウ フレームを定義します。

Chrome、Internet Explorer、Mozilla、Safari、Opera Mini のブラウザをサポートしています。

フレーム内でよく使用されるさまざまな属性は、border、scrolling、src、name などの属性です。

フレームタグの種類

次に、さまざまなタイプのフレーム タグを示します:

タグ属性

には 5 つの重要な属性があり、ここで説明します:

1. Col: Col 属性は垂直フレームを与えます。ただし、幅は 4 つの方法で指定できます。

  • ピクセル: 絶対値をピクセル単位で指定できます。 3 つの垂直フレームを作成する必要がある場合は、次の値を指定できます:cols=”100,50,100”.
  • パーセンテージ: ブラウザウィンドウのパーセンテージを指定できます。 3 つの垂直フレームを作成する必要がある場合は、次の値を指定できます:cols=”40%,20%,40%”

ここでワイルドカード (*) を使用して、言及されていない残りのウィンドウをワイルドカードに取らせることもできます。

cols=”30%,*,30%”

HTMLフレーム

出力:

HTMLフレーム

2. Rows: row 属性は水平フレームを与えます。フレームセット内の行を指定します。 3 つの水平フレームを作成する必要がある場合は、次を使用します:

例: 行=”10%,80%,10%'.

以前に列の場合に行ったように、各行の高さを設定することもできます。

HTMLフレーム

出力:

HTMLフレーム

3. Border: 各フレームの境界線の幅をピクセル単位で指定します。

例: border=”4”。 border=”0” の場合、境界線がないことを意味します。

4. Frameborder: フレーム間に 3 次元の境界線を表示する必要がある場合は、この属性を使用します。属性が取る値は 1 または 0 (Yes または No) です。

例: Frameborder=”0” は境界線なしを意味します。

5. Framespacing: この属性は、フレームセット内のフレーム間のスペースの量を指定します。この属性には任意の整数値をここで指定できます。

例: Framepacing=”12” は、フレーム間に 12 ピクセルの間隔があることを意味します。

タグ属性

このセクションでは 8 つの属性をリストできます。

1. src: フレームにロードされるファイル名をこの属性に指定します。この属性の値には任意の URL を指定できます。

例: src= www.facebook.com

2. name: この属性はフレームに名前を提供します。ドキュメントをどのフレームにロードするかを定義します。 1 つのフレームに複数のリンクがあり、それが別のフレームに読み込まれる場合は、この属性を使用します。次に、2 番目のフレームには、リンクのターゲットとしてそれ自体を識別するための名前が必要です。

例: name=”abc.htm.”

3. Frameborder: この属性は、境界線を表示するかどうかを示すために指定されます。値は 1 または 0 (Yes または No) です。

4. marginwidth: この属性は、フレームの境界線の左右の間のスペースの幅や、フレームのコンテンツを指定するのに役立ちます。値はピクセル単位で指定されます。

例: marginwidth=”10”.

5. marginheight: この属性は、フレームの境界線の上部と下部の間のスペースの高さだけでなく、フレームのコンテンツも指定するのに役立ちます。値はピクセル単位で指定されます。

例: marginheight=”10”.

6. noresize: この属性は基本的に、ユーザーが既存のフレームに変更を加えるのを防ぎます。この属性がない場合、どのフレームでもサイズを変更できます。

例: noresize=”noresize.”

7. Scrolling: この属性は、フレーム上に存在するスクロール バーの外観を制御します。値は「はい」、「いいえ」、「自動」のいずれかです。

例:scroll=” no” は、スクロール バーを含めないことを意味します。

8. longdesc: この属性を使用すると、フレームのコンテンツの長い説明を含む別のページへのリンクを提供できます。

例: longdesc=”framedesc.htm.”

フレームとブラウザのサポート

古いブラウザはフレームをサポートしていないため、要素はユーザーに表示される必要があります。</p> <p>実際には、<body>要素は <noframes> 内に配置する必要があります。 <frameset> 要素なので、要素は <body> を置き換えることになっています。要素。ブラウザが <frameset> を理解できない場合は、 </p> 要素の内容を理解します。 <noframes> に含まれる要素要素。 <p>古いブラウザを使用しているユーザーに対して、このようなシナリオでメッセージを表示するのは良いアプローチです。 「ごめんなさい！」のようなメッセージお使いのブラウザはフレームをサポートしていません。」通知します。</p> <h3>結論</h3> <p>最近では、フレーム テクノロジが多くのブラウザでサポートされていません。小型デバイスでは Web ページのコンテンツが適切に表示されないことがよくあります。いずれにしても、新しいテクノロジーと互換性のあるより良いモデルを開発できるように、既存の知識を持っておくことは良いことです。</p>

以上がHTMLフレームの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル：
html html5 HTML Tutorial HTML Properties HTML tags
ソース：php
前の記事：HTML フォーム要素 次の記事：HTML レイアウト
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
PHP で VueJS コンポーネントを活用する 最下位の dom リーフまで VueJS を使用せずに、Php によって生成された基本的な HTML と VueJS コンポーネントを混合したいと考えています。親レイアウトには V...
から 2023-11-11 00:01:44
0
2
288
次のjs 13でオープンプリミティブタグを使用するにはどうすればよいですか? 最近の NextJS13 アップデートでは、NextHead を作成して通常の HTML メタ タグを記述する従来の方法とは異なる、メタ タグを処理する新しい方法が導入されました。...
から 2023-11-10 23:03:51
0
1
527
PHP メーラーが動作しない: エラー ログがなく、メッセージは送信されたが受信されていないと表示されます ウェブサーバーの php エラー ログにエラー ログが表示されません。いくつかの異なる SMTP サーバーを試しました (私が知っている他の電子メールプロバイダーも同様に機能します...
から 2023-11-10 15:02:39
0
1
218
月と年のみを選択する v-date-picker v-date-picker を使用してこれを行う他の方法があるかどうか教えてください。ユーザーが年と月を選択できるようにして、日付ピッカー メニューを閉じる必要があるだけです。ここ...
から 2023-11-10 14:05:05
0
1
269
書き換えられたタイトルは次のとおりです: SweetAlert2: "onBeforeOpen" パラメーターが不明です Laravel5.8 と Sweetalertv2 を使用しており、次のように Blade でこのアラートをトリガーしようとしています: Swal.fire({title:'<...
から 2023-11-10 09:39:01
0
1
257
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト：福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！