html - 管理静态 HTML 网站中重复代码的最佳方法是什么

Question

我正在管理一个包含大量静态 HTML 网站的遗留网站，没有服务器端脚本，只有纯 HTML/CSS，最少的 javascript。我发现在不同的页面中多次更改同一段代码非常浪费时间。例如，当菜单中的某些内容发生变化时，由于菜单只是每个文档中的静态文本，我必须多次进行相同的更改。

我想知道最小化这种开销的最佳策略是什么，换句话说，您会推荐什么来管理跨多个静态 HTML 页面的导航代码等内容。

我知道你可以使用:

1. 服务器端脚本(如 PHP)，但没有其他理由在该特定站点使用脚本。
2. 框架(但这很糟糕，因为它..好吧，框架:))
3. 服务器端包含(这似乎在更改服务器时可能会导致麻烦)
4. javascript(不利于 SEO)

你会推荐什么？

谢谢。

Answer 1

除了您列出的和我所知道的所有其他可能性之外，我仍然只使用一个简单的基于 PHP 的解决方案。它既简单又干净，几乎不需要您付出任何努力。我对我设计的所有小型网站都这样做。

大多数情况下，您最终会得到相当琐碎的结构。您写了整页，然后对于每个后续页面，您只需更改内容所在的中间位置。在这种情况下，只需将内容上方和下方的所有内容保存在 header.php 和 footer.php 文件中，然后放入 <?php require_once "header.php"; ?>在每个内容文件的顶部(和页脚文件类似)。完成!

这确实有一些小缺点。其一，您依赖于脚本，但 PHP 是世界上部署最广泛的服务器端语言，所以这不是真正的问题。您甚至不关心它是 PHP4 还是 PHP5，因为您没有做任何花哨的事情。

对于两个，您在每次页面加载时都运行一个脚本，以便为本质上是静态文件的内容提供服务。这会减慢您的响应速度，并对 CPU 造成不必要的压力。这可能无关紧要(延迟非常小)，但如果您发现它很浪费，那么有一些很好的 PHP 框架可以获取您的 PHP 生成的页面并从中为您生成静态 html。 (这对你自己来说也很容易，只需使用输出缓冲做一些工作。)这样你就可以两全其美 - PHP 模板(如果你最终想要更高级的东西，还可以使用完整的 PHP 语言) ) 但静态 html 页面可实现最少的 CPU 事件和最快的页面加载时间。