大型网站如何处理布局和/或代码的变化？

Question

几天以来，我一直在学习 HTML 和 CSS，而且进展顺利，但我遇到的第一个非常严重的问题是关于网站的结构 - 更大的项目（很少的“主”页面和多个子页面）如何处理他们的代码/布局甚至有很小的变化？

我观看或阅读的每个教程都是基于创建非常小的网站，这些网站由index.html 和几页组成，比如说sub1.html, sub2.html, sub3.html。我们的想法是在index.html 中创建一个页面布局，其中包含我们将要使用的所有超链接，然后，在我们完成之后 - 将其内容复制到文件sub1.html, sub2.html, sub3.html 并根据我们的需要更改它们的内容。对于那个小网站来说，这似乎是相当合理的，因为我们没有很多代码，而且更改不应该花费很多时间。

但是，如果我们正在创建一个包含例如50 个子页面？如果我们想改变菜单中项目的顺序或对网站的重复内容做任何其他事情，我们应该如何处理每个页面的变化？

Answer 1

您正在寻找某种模板系统，它将从组件中组装完整的页面。

例如，您可能有一个外部模板，该模板设置了诸如 doctype 声明、一些常用脚本和 CSS 包含等基础知识。从那里，在其中一层，您可能有一个通用页眉/页脚。里面的另一个模板可能会设置一个页面，比如带有特色内容的主页。该模板的同级可能是内页，可能有标题和常规内容。

有时这些页面是根据要求组装的。其他时候，它们会在您更改内容时组合起来，并将静态页面推送到您的网络服务器。