どうも!かけちまるです! いきなりですが、HTMLでWebサイトを制作するときにheaderのような全ページで共通な部分をどのようにしているでしょうか? HTMLごとにheaderを書いていると変更があったときにページ数が多いほど変更箇所が多くなってきますよね。 なので、headerを共通化して変更があっても変更箇所を1か所にしましょう。 この記事では、 ・headerを共通化する方法 ・共通ファイルが読み込まれないときの対処法 ・階層が違うHTMLへの対応方法 がわかります。 Ajax通信を利用して共通化する方法もあります。 少し難易度は上がりますが、保守性はこちらの方が高いのでおすすめです。
![jQueryでheaderとfooterを共通化する【load()メソッド】](https://cdn-ak-scissors.b.st-hatena.com/image/square/c577957506cbc32a8e48bc7d1d8398802d37e74f/height=288;version=1;width=512/https%3A%2F%2Fkakechimaru.com%2Fwp-content%2Fuploads%2F2022%2F02%2Fmain_img60.jpg)