创建静态HTML页面而不跨文件重复HTML

Question

我正在构建一个简单的个人静态网页。这将是4-5页(可能更晚一些)，所有共享导航栏和标题设计在页面的顶部。

我不想在每个页面的顶部为navbar/header重复HTML和CSS --理想情况下，我希望所有这些都放在一个地方。

如果我是用像Django，Sinatra，Rails这样的网络框架来创建的话.我可以使用模板和部分来构建页面，使用共享组件，如navbar/header。

但我尽量让事情尽可能简单，因为这是一组小的静态页面。

1. 有没有办法将所有HTML保存在一个文件中，并从其他文件中引用它？
2. 如果没有，是否有一个简单的工具可以让我利用部分和模板提供的功能，并将最终产品“编译”成一系列HTML页面？

谢谢!

Answer 1

1. 使用一个包含所有导航条、页脚、菜单等的主Html文件。
2. 保留空白位置，例如主页中的空白div。
3. 将其他html页面保存在一个单独的位置。
4. 使用javascripts动态地将内容加载到主页中的空白div中。