iframeタグの書き方｜ホームページの中に別ページを表示するタグ

<iframe> タグは、 ホームページの中に、ホームページを表示するタグ です。

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

■ <iframe> タグの記述例

■ ホームページ上の表示

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


たとえば、src で指定している https://torebook.jp/ は、僕が運営している別のサイトになりますが、そのサイトが、窓（フレーム）の中に表示されていますよね？

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


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


具体的には、ホームページはサイドバーがあった方が、見やすいホームページになるのですが、「サイドバー」 は全ページで、内容は一緒ですよね？

そのため、「サイドバー」を修正しようとすると、 全ページを修正していかないといけない ので、とても手間がかかります・・・。


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

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

つまり、更新作業がとてもラクになる、ということです。


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

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


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

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

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

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

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