PHPでページを生成する場合は、共通部分は別のファイルに作って、そいつをincludeなりrequireなりしてあげれば簡単なんですけど、HTMLファイルの場合はそうはいかない。SSIが使えるサーバーとかだと以下のような記述で読み込めるらしいけど、SSIが使えない場合もたまにはあるわけで、そういうときにどうすればいいか。 //SSIが使える場合 <!--#include file="sample.html"--> そこでご紹介したいのが、こちらのサイトさん Javascriptを使って、静的HTMLの中でファイルをインクルードするソースを公開されています。 使い方は簡単。上記のサイトにある関数を記述したjsファイルを作成するなりHTML内に書くなりして、あとは必要な部分で関数を呼び出すだけ。 //~内 include("sample.html"); たったこれだけです。ヘッダーとかフッター
![静的HTMLでHTMLファイルを読み込む | 株式会社LIG(リグ)|DX支援・システム開発・Web制作](https://cdn-ak-scissors.b.st-hatena.com/image/square/bcbc78bf24217db2e74b4272fc14ff20979f9d91/height=288;version=1;width=512/https%3A%2F%2Fliginc.co.jp%2Fwp-content%2Fuploads%2F2022%2F06%2Fogimg.gif)