创建静态 HTML 页面，无需跨文件重复 HTML

Question

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

我不想为每个页面顶部的导航栏/标题重复 HTML 和 CSS - 理想情况下我希望将它们全部放在一个地方。

如果我使用 Django、Sinatra、Rails 等 Web 框架来创建它...我可以使用模板和部分来使用导航栏/标题等共享组件来构建页面。

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

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

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

谢谢！

Answer 1

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