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

Question

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

我不想在每个页面的顶部重复导航栏/标题的HTML和CSS - 理想情况下我喜欢在一个地方。

如果我使用像Django，Sinatra，Rails等Web框架创建它...我可以使用模板和部分来使用navbar / header等共享组件构建页面。

但是我试图让事情变得尽可能简单，因为它是一小组静态页面。

1. 有没有办法将所有HTML保存在一个文件中并从其他文件中引用它？

2. 如果没有，是否有一个简单的工具可以让我利用部分和模板提供的功能，并将最终产品“编译”成一系列HTML页面？

谢谢！

Answer 1

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