1

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

所以让它变得更简单，我制作了1.html、2.html和3.html并制作了footer.html并在其中添加了页脚代码。因此，我没有在每个页面上添加实际的页脚代码，而是将 footer.html 添加到1.html、2.html和3.html，然后编辑将在1.html、2.html和3 上更新的 footer.html 。 .html _

希望你明白我的意思。谢谢。

4

4 回答 4

1

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

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

于 2012-12-09T12:53:05.493 回答
1

您可以使用像 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>
于 2012-12-09T12:54:06.480 回答
1

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

粗略总结：

  • 将 html 文件的扩展名更改为.shtml

  • 将此添加到您希望页脚出现的任何位置

    <!--#include virtual="../path/to/footer.txt" -->

  • 页脚文件应该只包含您需要替换 SSI 标记的 HTML 片段，这样当标签替换为页脚时，您就有了一个格式良好的 HTML 页面

在您的pastebin 示例中，您的“footer.txt”文件应包含以下内容：

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

您希望在其中显示页脚的 .shtml 文件应如下所示

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

于 2012-12-09T13:07:55.073 回答
1

无论您使用 php 还是 ssi，请记住“footer.html”只能是出现在普通 html 页面中“body”标签之间的代码，否则您将重复。

于 2012-12-09T13:51:31.677 回答