コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > 本文

iframe と フレーム はどう違いますか？ iframeとframeの違いのまとめ

云罗郡主
リリース： 2019-01-04 10:01:14
オリジナル
12766 人が閲覧しました

この記事では、iframe と Frame の違いについて説明します。 iframe と Frame の違いをまとめたので、困っている方は参考にしていただければ幸いです。 [推奨読書: Html5 チュートリアル ]

iframe と フレーム はどう違いますか？ iframeとframeの違いのまとめ

iframe の欠点は何ですか?

iframe はメイン ページの Onload イベントをブロックします

検索エンジンの検索プログラムはこの種のページを解釈できないため、SEO に役立ちません

iframeとメイン ページは接続プールを共有し、ブラウザには同じドメインの接続に対する制限があるため、ページの並列読み込みに影響します。

iframe を使用する前に、これら 2 つの欠点を考慮する必要があります。 iframe を使用する必要がある場合は、javascript を使用して iframe に src 属性値を動的に追加するのが最善です。これにより、上記の 2 つの問題を回避できます。

iframe と Frame の違い。

frame FrameSet を使用せずに単独で使用することはできません。

frame を本文に配置することはできません。

<!--<body>-->
<frameset rows="50%,*">
<frame   name="frame"   src="test.html"/>
</frameset>
<!--<body>-->
ログイン後にコピー

次のコードは正常に表示できません

<body>
<frameset rows="50%,*">
<frame  name="frame"   src="test.html"/>
</frameset>
<body>
ログイン後にコピー

frameSet にネストされた iframe を本文に配置する必要があります。##

<body>
<frameset>
<iframe   name="frame"   src="test.html"/>
</frameset>
</body>
ログイン後にコピー

以下は正常に表示できません: 

<!--<body>-->
<frameset>
<iframe   name="frame1"   src="test.html"/>
</frameset>
<!--</body>-->
ログイン後にコピー

FrameSet にネストされていない Iframe は自由に使用できます。

<body>
<iframe   name="frame"   src="test.html"/>
</body>
<!--<body>-->
<iframe   name="frame"   src="test.html"/> s
<!--</body>-->
ログイン後にコピー
フレームの高さは、frameSet を通じてのみ制御できます。iframe は、frameSet を通じてではなく、それ自体で制御できます。同じページで 2 つの iframe が使用されていない場合、それらは IE で正常に表示されます。Firefox では最初の iframe のみが表示されます。2 つ以上のフレームを使用すると、IE と Firefox の両方で正常に動作します。

以上がiframe と フレーム はどう違いますか？ iframeとframeの違いのまとめの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル：
frame iframe 違い
ソース：csdn.net
前の記事：ブートストラップを使用してフォームを作成する方法 次の記事：HTML Web ページのレンダリングに使用するブラウザ カーネルを選択する方法
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
R 関数によって生成された HTML の埋め込み 動的に HTML を構築し、その HTML を quarto でレンダリングしたいと考えています。実際のアプリケーションには iFrame の挿入が含まれますが、簡単にするために ...
から 2024-04-01 20:51:51
0
1
367
埋め込み/iframe は常にフルハイト 「高さ」が異なる複数の HTML ファイルを埋め込みました。埋め込みコンテンツの代わりに親をスクロールできるように、埋め込みコンテンツが常に親 div を埋めるようにしたいと考えて...
から 2024-03-31 09:50:18
0
1
400
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート