在静态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活动并缩短页面加载时间。