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

寻∝梦
リリース: 2018-08-30 15:46:44
オリジナル
13766 人が閲覧しました

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

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

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

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

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

重要:

タグを タグと一緒に使用することはできません。ただし、フレームをサポートしていないブラウザに タグを追加する必要がある場合は、必ずこのタグを 内に配置してください。 <p><strong>属性の導入を見てみましょう: </strong></p> <p><img src="https://img.php.cn//upload/image/395/152/143/1535613295787655.png" 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:html;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:html;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:html;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="https://img.php.cn//upload/image/754/285/666/1535613482285845.png" 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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート