HTMLのiframeとframeの違いは何ですか?

php中世界最好的语言
リリース: 2018-01-23 10:17:40
オリジナル
1889 人が閲覧しました

今回は、HTMLにおけるiframeとframeの違いと、HTMLでiframeとframeを使用する際の注意点についてお届けします。以下は実際の事例ですので、見てみましょう。

あなたのプロジェクトでフレームセット属性を使用したかどうかはわかりません。フレームセット属性は、私が昨年オンライン カスタマー サービス システムの制作で使用したものです。これは、カスタマー サービス システムには固定レイアウトが必要であるためです。上に、下に 1 つなど。当時は、フレームセットとフレームを使用していました。これらの属性を使用した後、iframe と Frame の違いが理解できました。これまでは、プロジェクトでフレームを使用することはほとんどなく、使用する場合は iframe を使用していたからです。

以下で具体的な違いについて説明しましょう!以下に要点をまとめます。

1. FrameSet とは独立して使用することはできません。

2. フレームを body に配置することはできません。

<!--<body>-->    
<frameset rows="50%,*">    
   <frame   name="frame1"   src="test1.htm"/>     
   <frame   name="frame2"   src="test2.htm"/>     
</frameset>    
<!--<body>-->
ログイン後にコピー

以下は通常に表示できません。逆に、frameSet 属性に iframe を配置する場合は、body に配置する必要があります

<body>    
<frameset rows="50%,*">    
   <frame   name="frame1"   src="test1.htm"/>     
   <frame   name="frame2"   src="test2.htm"/>     
</frameset>    
<body>
ログイン後にコピー

3. iframe は HTML タグであり、HTML 内のどこでも使用できますが、frame は使用できません。

<body>    
  <frameset>     
    <iframe   name="frame1"   src="test1.htm"/>     
    <iframe   name="frame2"   src="test2.htm"/>     
  </frameset>     
</body>
ログイン後にコピー

フレームはframeSet内でネストする必要があり、tableなどのタグ内で使用することはできません。

4. フレームの高さは、frameSet を通じてのみ制御できます。iframe は、frameSet を通じてではなく、単独で制御できます

<body>    
   <iframe   name="frame1"   src="test1.htm"/>     
   <iframe   name="frame2"   src="test2.htm"/>     
</body>  
  
<table>    
<tr>    
<td><iframe id="" src=""></iframe></td><td></td>    
</tr>    
</table>
ログイン後にコピー

5. 同じページで 3 つ以上の iframe が使用されている場合、それらは IE で正常に表示されます。 Firefox では最初の 1 つだけが表示されます。IE と Firefox では、3 つ以上のフレームを使用すると正常に動作します

これらの事例を読んだ後は、この方法を習得したと思います。関連記事はPHP中国語サイトにあります!


関連読書:

h5とc3で太陽系の惑星の動きをアニメーション化する方法

HTMLの基礎知識、ハイパーリンク設定のスタイルを詳しく紹介

HTMLの知識まとめ段落

以上がHTMLのiframeとframeの違いは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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