一尘不染

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

css

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

我想知道什么是最好的策略,以最大程度地减少这种开销,换句话说,对于跨多个静态HTML页面管理导航代码之类的建议,您会建议什么。

我知道您可以使用:

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

你会推荐什么?

谢谢。


阅读 568

收藏
2020-05-16

共1个答案

一尘不染

在列出的所有可能性以及我所知的所有其他可能性中,我仍然只运行基于PHP的简单解决方案。它既简单又干净,几乎无需您费力。我在我设计的所有小型网站上都这样做。

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

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

对于两个而言,您在每次页面加载时都运行一个脚本,以便提供实质上是静态文件的内容。这会减慢您的响应速度,并不必要地给CPU造成压力。这可能无关紧要(滞后很小),但是如果您发现它很浪费,那么有一些不错的PHP框架可以将您的PHP生成的页面带走,并为您生成静态的html。(这也很容易做,只需使用输出缓冲就可以完成一点工作。)这样,您可以两全其美-
PHP模板(和完整的PHP语言,如果您最终想得到一些更好的东西) ),但使用静态html页面可最大限度地减少CPU活动并缩短页面加载时间。

2020-05-16