※ ChatGPTを利用し、要約された質問です（原文：HTMLのヘッダ-（フッター）共通化で困っています）
HTMLのヘッダ-（フッター）共通化で困っています
このQ&Aのポイント
HTMLとJavascript初心者の方が、ある元のHTMLのヘッダー部分を共通化しようとしています。しかし、phpやSSIといった技術を使わずに共通化する方法を探しています。
ビュー機能内では正常に表示されるが、ブラウザで見るとうまく読み込まれない問題が発生しています。いくつかのサイトで提案された方法を試しましたが、うまくいかず困っています。
質問者はC言語を勉強しているプログラマーであり、同じような問題に直面している方や解決策を知っている方からの助言を求めています。
HTMLのヘッダ-（フッター）共通化で困っています
ＨＴＭＬとJavascriptは初心者の部類です。
仕事上、ある元のHTML（index.html）のヘッダー部分を取り出し、別のHTML（header.html）に書き込み、何らかの方法で元HTMLへ、先程取り出して新しく作ったHTMLの内容を引き込めないか考えています。（他にも何枚もあるHTMLファイルのヘッダ部分を一度に共通化したい為。）ネットをぐるぐるさがして、phpやSSIなる技術を使うと簡単に出来るよと書いてありますが、サーバーの設定をいじらなければならないので、今はあえて触れていません。いろいろ探して、以下のサイトにJavascriptを利用して、別ＨＴＭＬを引き込むスクリプトを発見したので、早速試してみました。
参照サイト:http://d.hatena.ne.jp/kenpoco/20080501/1209636103
ＨＰ編集用に、フリーソフトのＨＰＰｒｏｊｅｃｔ2を利用しているのですが、そちらのビュー機能では正常に表示されるところまで作成できました（リンクや画像、CSS等も生きてます）。ただ、肝心のブラウザで見た時に、うまく読み込まれませんでした。
別の方法で、以下のサイトの方法も試してみました。
参照サイト:http://tani.dank-hearts.com/2008/03/javascripthtml.html
こちらに関しては、ビュー機能内でも正常に表示されず、header.html内の内容がそのまま文字列として出力されてしまったり、文字化けしてしまったりしました。
こちらの都合でソースコードを上げることができないので、説明不足かもしれませんが、同じような問題に遭遇した方や、なにか他に注意するべきことがあることをご存知の方がいらっしゃりましたら、お知恵をお貸しいただければとても助かります。よろしくお願い致します。
（プログラミング経験ですが、C言語はひと通り勉強しています）
お礼
この場を借りて、皆様に感謝申し上げます。みなさま回答ありがとうございました。おっしゃる通りだと思います。相当調べたのですが、やはり難しいし、本来の目的にそぐわない手段であることが重々わかりました。これは無謀な方法だったということが分かったことも、一つ勉強になったと思います。ありがとうございました。