Question

我想知道，如果有一种方法可以在我创建的每个页面上更改某段HTML代码。例如，简单地说，我创建一个名为 1.html 的HTML页面并添加页脚代码。例如<div class="footer">，我需要将此页脚添加到我创建的每个页面。但是，我不想在每个页面上手动添加这个页脚代码，因为这需要时间。

因此，使其更简单，我制作 1.html ， 2.html 和 3.html 并制作页脚。 html 并添加页脚代码。因此，我不是在每个页面上添加实际的页脚代码，而是将footer.html添加到 1.html ， 2.html 和 3.html 然后编辑将在 1.html ， 2.html 和 3.html 上更新的footer.html。

希望你明白我的观点。感谢。

Answer 1

在纯HTML中无法做到这一点。您必须使用脚本语言（如Python，Ruby，PHP ...）或静态网站生成器，如jekyll或hyde。

如果您只是编写静态HTML文件，我会采用第二种方法。

Answer 2

您可以使用PHP等服务器端语言来执行此操作

<强> 1.PHP

<html>
    <body>
        Title 1
        <?php include('footer.html') ?>
    </body>
</html>

<强> 2.PHP

<html>
    <body>
        Title 2
        <?php include('footer.html') ?>
    </body>
</html>

Answer 3

如果您的网络服务器支持（很多人支持），您可以使用Server Side Includes。

粗略总结：

将html文件的扩展名更改为.shtml
将此页面添加到您想要显示页脚的页面


页脚文件应仅包含替换SSI标记所需的HTML片段，以便在使用页脚替换标记时，您可以使用格式正确的HTML页面

在pastebin example您的'footer.txt'文件中应包含以下内容：

<div class="footer">
  bla bla here....
</div>

您希望页脚显示的.shtml文件看起来应该像this

（这假设您的footer.txt文件与.shtml文件位于同一文件夹中）

Answer 4

你是否使用php或ssi记住'footer.html'必须只是普通html页面中'body'标签之间出现的代码，否则你会复制。

每页都会改变的东西

4 个答案: