HTML の iframe と frame の違いを例を使って説明します

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

具体的な違いについては以下で説明しましょう。まとめると以下の通りです。

1. Frame は frameSet なしでは単独では使用できませんが、iframe は使用できます。

2. フレームを本体内に配置できない。

正常に表示されるのは以下のとおりです。

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

逆に、iframeがframeSet属性の下に配置されている場合は、本文に配置する必要があります。

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

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

4. フレームの高さはframeSetによってのみ制御できます。iframeはframeSetではなく、それ自体で制御できます。

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