何度も同じコードを記述するのは非効率！HTMLの共通部分はインクルード化しよう！ - WEBCAMP MEDIA

では、それぞれの方法について詳しく見ていきましょう。 1.iframeを使用する 別のHTMLファイルなどのコンテンツを挿入できるiframeで、インクルード化することができます。 最も簡単で、HTML初心者でも利用できる方法です。 【header.html】 <header>ヘッダー</header> 【footer.html】 <footer>フッター</footer> 【index.html】 <iframe src="header.html" frameborder="0"></iframe> <div class="content"> メインコンテンツ </div> <iframe src="footer.html" frameborder="0"></iframe> ▼ブラウザ表示▼ ただし、以下のようにHTMLファイルを記述した場合、高さの調整が効かない、上手く読み込めないな

[ockeghem]

これはやばい記事だ…『HTMLの共通部分をインクルード化するには、以下の6つの方法があります/iframe/JavaScript/jQuery/PHP/SSI/CMS/フロントエンドの開発ツール』

[youichirou]

消されてる。判断が早い。 http://web.archive.org/web/20230603221806/https://web-camp.io/magazine/archives/93757 / 「インクルード化」という言い方が気持ち悪い…。一発目iframeはないな。PHPやFWで共通化はやるけど。

[rryu]

iframeが一番最初なのはHTMLが書ければできる、ブラウザがあれば動作確認できるという作業者優先の順序だからっぽい。

[REV]

みんなよく気付くな…　/ たとえば、商品のチラシに『住所・電話番号・営業時間』を書くとき、ベタ書きすると営業時間変更時にページ全部変えないといけないけどiframeだと元ページ変えればいいので便利

[aukusoe]

“HTMLの共通部分をインクルード化するには、以下の6つの方法があります。 iframeを使用する JavaScriptを使用する jQueryを使用する PHPを使用する SSIを使用する CMSを使用する 7.フロントエンドの開発ツールを使用する”

[txjp]

やば