ホームページ ウェブフロントエンド htmlチュートリアル HTMLフレームタグの使い方は?フレームタグの使い方の紹介(例付き)

HTMLフレームタグの使い方は?フレームタグの使い方の紹介(例付き)

Aug 30, 2018 pm 03:46 PM
frame html

この記事では、html フレーム タグを中心に、フレーム タグの定義と属性、および html iframe タグの重要な使い方を紹介します。一緒にこの記事を見てみましょう

まずこの記事の定義を見てみましょう:

タグはフレームセット内の特定のウィンドウ (フレーム) を定義します。

フレームセット内の各フレームには、境界線、スクロール、サイズ変更などのさまざまなプロパティを設定できます。

注: フレームを含むページを検証したい場合は、doctype が「Frameset DTD」に設定されていることを確認してください。 DOCTYPE について詳しくは、こちらをご覧ください。

重要:

タグを タグと一緒に使用することはできません。ただし、フレームをサポートしていないブラウザに タグを追加する必要がある場合は、必ずこのタグを 内に配置してください。 <p><strong>属性の導入を見てみましょう: </strong></p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn//upload/image/395/152/143/1535613295787655.png" class="lazy" title="1535613295787655.png" alt="HTMLフレームタグの使い方は?フレームタグの使い方の紹介(例付き)"></p> <p><strong> HTML iframe タグの使用法について話しましょう: </strong></p> <p> iframe はフレームの形式であり、以下も一般的に使用されます。概要 </p> <p>以下は通常のケースです: </p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class='brush:php;toolbar:false;'>&lt;iframe border=2 frameborder=0 width=500 height=500 marginheight=0 marginwidth=0 scrolling=no src=&quot;move-ad.html&quot;&gt; &lt;/iframe&gt;</pre><div class="contentsignin">ログイン後にコピー</div></div><p><strong> HTML iframe タグのケースの説明: </strong></p><p> iframe は、テキストまたはグラフィック用のフローティング フレームまたはコンテナを設定するために使用されます。 </p><p>borderは画像とテキストフレームの周囲のエッジの幅を設定します </p><p>高さを素早く読むためのデザインもあります </p><p>scrolling=no スクロールバーの有無(YES、NO、AUTO) </p><p>srcはファイルまたは画像を指定します(HTML) IFRAME によって呼び出されます、HTM、GIF、JPEG、JPG、PNG、TXT、*.*) </p><p><strong>HTML iframe タグの使用法についての紹介: </strong></p><p> iframe に関しては、すでにスローしているかもしれません。 「忘れられた隅」へ、しかし、その弟のフレームと言えば、それは見知らぬ人ではありません。フレームタグとは、複数のHTMLファイルをブラウザウィンドウ内に表示することをマルチフレーム構造と呼びます。ここで、非常に現実的な状況に遭遇します。チュートリアルがある場合、それは 1 つずつセクションに分かれており、各ページの最後には「前のセクション」と「次のセクション」へのリンクがあります。ただし、その内容は異なります。各チュートリアルは異なります。また、ページの他の部分の内容は同じです。ページごとに愚かなページを作成するのはあまりにも退屈なので、他の部分を保持する方法はないか、とふと思いました。ページは変更されず、チュートリアルのみを作成します。ページ上下のリンクをクリックすると、チュートリアルのコンテンツ部分のみが変更され、他の部分は変更されません。この方法では、1 つは時間を節約し、もう 1 つは、将来的にチュートリアルに 3 つの長い変更と 2 つの短い変更が加えられることです。これも非常に便利であり、さらに重要なことに、広告バナー、列リストなどに影響を与えません。ほぼすべてのページに含まれるナビゲーションやその他のものは、一度ダウンロードされるだけで、その後ダウンロードされなくなります。 iframe タグはフローティング フレーム タグとも呼ばれ、HTML 表示に HTML ドキュメントを埋め込むために使用できます。 Frame タグと異なる最大の特徴は、このタグで参照される HTML ファイルが他の HTML ファイルから独立して表示されるのではなく、HTML ファイルに直接埋め込まれ、HTML ファイルの内容と一体化して全体として表示されることです。さらに、コンテンツを繰り返し記述することなく、同じコンテンツをページ上に複数回表示することもできます。これは、テレビの「ピクチャー・イン・ピクチャー」です。 </p><p><strong> iframe タグの使用形式は次のとおりです: </strong></p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class='brush:php;toolbar:false;'>&lt;iframe src=&quot;URL&quot; width=&quot;x&quot; height=&quot;x&quot; scrolling=&quot;[option]&quot; frameborder=&quot;x&quot;&gt;&lt;/iframe&gt;</pre><div class="contentsignin">ログイン後にコピー</div></div><p>src: ファイルのパス (HTML ファイル、テキスト、ASP など) </p><p>幅、高さ: 「」の幅と高さ。ピクチャインピクチャ」領域; </p><p>スクロール: SRC の指定された HTML ファイルが指定された領域に表示されていない場合、スクロール オプション、NO に設定されている場合、スクロール バーは表示されません。自動の場合: スクロールバーは自動的に表示されます。[はい] の場合は表示されます。</p><p>FrameBorder: 領域の境界線の幅は、「ピクチャー・イン・ピクチャー」を隣接するコンテンツとブレンドするために、多くの場合 0 に設定されます。 例: </p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class='brush:php;toolbar:false;'>&lt;Iframe src=&quot;http://www.php.cn&quot;;; width=&quot;250&quot; height=&quot;200&quot; scrolling=&quot;no&quot; frameborder=&quot;0&quot;&gt;&lt;/iframe&gt;</pre><div class="contentsignin">ログイン後にコピー</div></div><p> 表示効果は図のようになります: </p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn//upload/image/754/285/666/1535613482285845.png" class="lazy" title="1535613482285845.png" alt="HTMLフレームタグの使い方は?フレームタグの使い方の紹介(例付き)"></p> <p> 上記が、HTML フレーム タグの使用方法を紹介するこの記事の全内容です。ご質問がございましたら、以下よりお問い合わせください。 </p> <p>【編集者のおすすめ】</p> <p><a href="http://www.php.cn/html5-tutorial-409228.html" target="_blank">html5ヘッダータグとは何を意味するのでしょうか? html5ヘッダータグの使い方を詳しく解説(例付き) </a><br></p> <p><a href="http://www.php.cn/div-tutorial-409226.html" target="_blank"> htmlのpタグは単一タグですか? HTMLのpタグの使い方を紹介(例付き) </a><br></p>

以上がHTMLフレームタグの使い方は?フレームタグの使い方の紹介(例付き)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

HTMLの表の境界線 HTMLの表の境界線 Sep 04, 2024 pm 04:49 PM

HTML の表の境界線に関するガイド。ここでは、HTML でのテーブルの境界線の例を示しながら、テーブル境界線を定義する複数の方法について説明します。

HTML 左マージン HTML 左マージン Sep 04, 2024 pm 04:48 PM

HTML マージン左のガイド。ここでは、HTML margin-left の概要とその例、およびそのコード実装について説明します。

HTML のネストされたテーブル HTML のネストされたテーブル Sep 04, 2024 pm 04:49 PM

これは、HTML でのネストされたテーブルのガイドです。ここでは、テーブル内にテーブルを作成する方法をそれぞれの例とともに説明します。

HTML テーブルのレイアウト HTML テーブルのレイアウト Sep 04, 2024 pm 04:54 PM

HTML テーブル レイアウトのガイド。ここでは、HTML テーブル レイアウトの値と例および出力について詳しく説明します。

HTML入力プレースホルダー HTML入力プレースホルダー Sep 04, 2024 pm 04:54 PM

HTML 入力プレースホルダーのガイド。ここでは、コードと出力とともに HTML 入力プレースホルダーの例について説明します。

HTML 順序付きリスト HTML 順序付きリスト Sep 04, 2024 pm 04:43 PM

HTML 順序付きリストのガイド。ここでは、HTML 順序付きリストと型の導入とその例についても説明します。

HTML 内のテキストの移動 HTML 内のテキストの移動 Sep 04, 2024 pm 04:45 PM

HTML でのテキストの移動に関するガイド。ここでは、概要、マーキー タグが構文でどのように機能するか、および実装例について説明します。

HTML の onclick ボタン HTML の onclick ボタン Sep 04, 2024 pm 04:49 PM

HTML オンクリック ボタンのガイド。ここでは、それらの紹介、動作、例、およびさまざまなイベントでの onclick イベントについてそれぞれ説明します。

See all articles