如何将相同的内容应用于多个 html 页面答案

【问题标题】：How to apply same content to multiple html pages如何将相同的内容应用于多个 html 页面
【发布时间】：2012-01-22 20:09:32
【问题描述】：

我是 html 新手，想知道是否有一种方法可以一次将相同的内容应用于多个 html 文件。

例如，如果我有很多页面，但所有这些页面都有一个相同的导航侧面板，其中包含指向所有其他页面的链接。有什么方法可以更改此侧面板的内容而不更改每个单独的页面？即，是否有一项功能允许我将此导航面板放在单独的文件中，然后告诉我的所有页面都包含此导航文件？

我知道一个css文件可以控制很多html页面的格式——有没有一个类比可以控制很多html页面的内容？

【问题讨论】：

标签： html

【解决方案1】：

通常使用服务器端包含或服务器端编程语言（例如 PHP）来执行此操作。所有页面只包含一个共享的公共文件，其中包含公共内容。

【讨论】：

【解决方案2】：

您可以使用 PHP 来做到这一点。在 PHP 文件中编写 HTML 代码，然后在 HTML 中添加 include 语句。这使您不必为了导航等而一次又一次地编写相同的代码。

PHP manual 解释它。

希望对你有帮助。

【讨论】：

【解决方案3】：

<?php
include(file with extension);

?>

您必须将运行此代码的文件扩展名更改为 DOT php

【讨论】：

【解决方案4】：

您可以在 javascript 文件中编写常用内容，并使用 script tag 将其包含在您的 html 页面中：

<script src="YOUR_FILE.js"></script>

您可以使用online HTML to Javascript converter 之类的this one 来生成您的javascript 代码。

【讨论】：