ホームページ  >  記事  >  ウェブフロントエンド  >  HTMLのiframeタグの使い方は? HTML iframeタグの使用例の紹介

HTMLのiframeタグの使い方は? HTML iframeタグの使用例の紹介

寻∝梦
寻∝梦オリジナル
2018-08-28 16:38:287968ブラウズ

この記事では、HTML における iframe タグの定義と使い方の詳細、HTML iframe タグの属性、メリット、デメリットを中心に紹介します。それでは見てみましょう

まず、HTML iframe タグの意味を見てみましょう:

iframe タグは、別のドキュメントを含むインライン フレーム (つまり、インライン フレーム) を作成します。

iframe タグの属性を見てみましょう:

HTMLのiframeタグの使い方は? HTML iframeタグの使用例の紹介

以下に例を示します:

<iframe src="http://www.php.cn" width="200" height="500"> 
这里使用了框架技术,但是您的浏览器不支持框架,请升级您的浏览器以便正常访问。 
</iframe>

ピクセルを使用して iframe サイズを定義する

<iframe src="http://www.php.cn" width="20%" height="50%"> 
这里使用了框架技术,但是您的浏览器不支持框架,请升级您的浏览器以便正常访问。 
</iframe>

パーセンテージを使用して iframe サイズを定義する

html iframe の長所と短所

利点: ページを再ロードするときに、ページ全体を再ロードする必要はなく、ページ内の 1 つのフレーム ページのみを再ロードする必要があります (データ送信の削減、読み込み時間の短縮)

このテクノロジーはシンプルで使いやすく、主に検索エンジンを必要としないページに使用されます。

コードの重複率を削減します。

デメリット

: 大量のページが生成されるため、管理が容易ではありません。 複数フレームのページによりサービスの HTTP リクエストが増加します。

ブラウザの [戻る] ボタンが無効になるなど。

HTML iframe タグの使用法:

iframe タグは、フローティング フレーム タグとも呼ばれ、HTML 表示内に HTML ドキュメントを埋め込むために使用できます。 frameタグと異なる最大の特徴は、このタグで参照されるHTMLファイルが他のHTMLファイルから独立して表示されるのではなく

、HTMLファイルに直接埋め込まれ、このHTMLファイルの内容と統合できることです。 、

さらに、コンテンツを繰り返し記述することなく、同じコンテンツを 1 ページに複数回表示できます。

鮮やかな比喩は、「ピクチャー・イン・ピクチャー」テレビです。

iframe タグの使用形式は次のとおりです:

src: ファイルのパス (HTML ファイル、テキスト、ASP など)。

width、height: 「ピクチャーインピクチャー」領域の幅と高さ。 SRC で指定された HTML ファイルが存在する場合、スクロール オプションは、

NO に設定されている場合、スクロール バーは表示されません。 Auto に設定されている場合、スクロール バーは自動的に表示されます。表示されます;

frameBorder: 領域の境界線の幅。「ピクチャー・イン・ピクチャー」を隣接するコンテンツとブレンドするために、多くの場合 0 に設定されます。

例:

<Iframe src="http://www.php.cn/" width="250" height="200" scrolling="no" frameborder="0"></iframe>

【編集者のおすすめ】

HTMLでベースタグの相対パスを記述するには? (使い方説明書あり)

HTMLベースタグの使い方は?ベースタグの使い方(例あり)

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

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