创建静态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。