ファイル間でHTMLを繰り返さずに静的なHTMLページを作成する

Question

私は単純な個人用の静的なWebページを作成しています。それは、4〜5ページ（多分後で）になり、すべてがページ上部のナビゲーションバーとヘッダーデザインを共有します。

すべてのページの上部にあるナビゲーションバー/ヘッダーにHTMLとCSSを繰り返したくないのが理想的です。

Django、Sinatra、RailsなどのWebフレームワークを使用してこれを作成していた場合は、navbar/headerなどの共有コンポーネントを使用してテンプレートと部分データを使用してページを構築できます。

しかし、静的なページの小さなセットなので、私は可能な限りシンプルなものを維持しようとしています。

1. すべてのHTMLを1つのファイルに保存して他のファイルから参照する方法はありますか？

2. もしそうでなければ、パーシャルとテンプレートが提供する機能を活用し、最終製品を一連のHTMLページに "コンパイル"するだけの簡単なツールがありますか？

ありがとう！

Answer 1

1. など、すべてのナビゲーションバー、フッター、メニューや
2. と一つのメインのHTMLファイルを使用して、たとえば、メインページで空白のdivを空白の場所に保管してください。
3. 他のHTMLページは別の場所に保管してください。
4. javascriptを使用してメインページの空白のdivにコンテンツを動的に読み込みます。