摆脱 html 页面之间的冗余代码 [关闭]答案

【问题标题】：getting rid of redundant code between html pages [closed]摆脱 html 页面之间的冗余代码 [关闭]
【发布时间】：2015-05-29 21:39:43
【问题描述】：

因此，我正在制作我自己的朋友在学校提供的 web/db 项目版本。这是我在这两个领域的第一个项目，我仍在学习。项目描述的一部分提到了客户想要的所有页面。我通过使用适当的标签制作指向不同页面的链接的无序列表来解决这个问题。复杂，我知道。

然后我意识到每个页面都会有这个。我的问题是：有没有办法在 html 中对代码的某些部分进行分类，所以我可以在每个页面中都有一个“导航列表”，而不是每个页面中列表的完整代码以及与之相关的所有内容？

我希望代码简洁高效。这就是我提出这个问题的动机。

【问题讨论】：

请提供您尝试过的代码。此外，听上去，这似乎是一个更适合codereview.stackexchange.com 的问题
@Dom，他没有想要改进的代码文件，他只是想要一种更好的方法来在每个 html 文件中放置相同的菜单，而无需每次复制/粘贴链接列表变化。

标签： html css database performance redundancy

【解决方案1】：

您的问题提供的细节很少，但听起来您想要一个 php 包含之类的东西。如果您在本地运行您的网站，请将 .html 文件更改为 .php 并执行 <?php include('includes/navigation.php') ?> 其中includes/navigation.php 是指向您的导航代码的路径。

【讨论】：

【解决方案2】：

你说的是模板。你不能用普通的html来做......你需要使用像php这样的服务器端语言。您也可以使用 JavaScript 模板语言（如把手或类似语言）来完成，但不能使用纯 html。

【讨论】：

您也可以通过一些程序使用离线模板。就像 Grunt 和 Jekyll 一样
好的，很好。我在想一些类似的东西。那么一个例子是在 php 中创建一个对象并在所有页面中使用它？
不...您只需为每个模板创建一个文件。例如，您可以拥有“_nav.php”。然后在您的 index.php 文件中，您将包含导航模板 ''
@OdraEncoded 是的，完全正确。我在基本网站上使用了相当多的 codekit，它还内置了一个简单的模板功能。有很多选择。

【解决方案3】：

如果您不想使用 PHP 或其他一些服务器端技术来制作简单的菜单，您可以尝试各种 Javascript 插件，例如 MenuCool。

【讨论】：