創建靜態HTML頁面而不跨文件重複HTML

Question

我正在構建一個簡單的個人靜態網頁。這將是4-5頁（也許更晚），所有的頁面頂部共享導航欄和頁眉設計。

我不想在每個頁面的頂部重複導航欄/標題的HTML和CSS - 理想情況下我想在一個地方。

如果我使用像Django，Sinatra，Rails等Web框架來創建它，我可以使用模板和部分來使用共享組件（如導航欄/標題）來構建頁面。

但我想盡量保持簡單，因爲它是一小組靜態頁面。

1. 有沒有辦法將所有的HTML保存在一個文件中，並從其他文件中引用它？

2. 如果沒有，是否有一個簡單的工具可以讓我利用partials和templates提供的功能，並將最終產品「編譯」成一系列HTML頁面？

謝謝！

Answer 1

1. 使用所有的導航欄，頁腳，菜單一個主HTML文件等
2. 保留一個空白的地方，比如說一個空白格在主要頁面。
3. 將其他html頁面保存在單獨的位置。
4. 使用javascripts將內容動態加載到主頁面中的空白div。