iframeタグの活用事例

<iframe> タグは、 ホームページの中に、ホームページを表示するタグ です。 この <iframe> タグを使うことで、ホームページの中に、別ページを表示させることができます。

■ <iframe> タグの記述例

■ ホームページ上の表示

上記のように、<iframe> タグを使うと、 ホームページの中に窓（フレーム）を作って、その中に、別ページを表示させること ができます。

たとえば、src で指定している https://torebook.jp/ は、僕が運営している別のサイトになりますが、そのサイトが、窓（フレーム）の中に表示されていますよね？ <iframe> タグを使うと、このように、ホームページの中に、別ページを表示させることができます。


そして、この <iframe> タグは、どのようなときに活躍するかというと、、、
たとえば、 「サイドバー」 で役に立ちます。

具体的には、ホームページはサイドバーがあった方が、見やすいホームページになるのですが、「サイドバー」 は全ページで、内容は一緒ですよね？ そのため、「サイドバー」 を修正しようとすると、 全ページを修正していかないといけない ので、とても手間がかかります・・・。


そこで便利なものが、この <iframe> タグ です！

<iframe> タグを使用して、「サイドバー」 を別ページにしておくことで、全ページを修正しなくても、 １つのファイルだけを修正するだけ で、全ページに反映することができます。
つまり、更新作業がとてもラクになる、ということです。


実際に、こちらのページからダウンロードできるサンプルサイト は、
サイドバーに、<iframe> タグを使用しています。

このようにすることで、サイドバーを修正したいときは、 サイドバーを表示させているファイル （side.htmlファイル） だけを修正することで、全ページに反映することができ、とてもラク です。

ホームページを効率良く運営するためには、このような技もありますので、
ぜひ参考にしてくださいね。

当サイトで使用しているサンプルサイトのデータを、無料でダウンロードできます。
サンプルサイトがあれば、さらにホームページの作り方が分かりやすくなりますよ！

⇒ 当サイトで使用しているサンプルサイトの無料ダウンロードはこちら！

インターネットを使ったサイドビジネス（副業）で、自宅にいながら、空いている時間で、月２０万円の収入を得ていただくための方法 もお伝えしています。 これからは、「複数の収入源を持つこと」がとても大切なので、ぜひホームページで収入を得ていきましょう！

⇒ 副業で自宅にいながら、収入を得るための講座はこちら！