如何向所有 html 页面添加标题（最好没有 javascript）答案

【问题标题】：how to add a header to all html pages (preferably without javascript)如何向所有 html 页面添加标题（最好没有 javascript）
【发布时间】：2014-09-16 03:24:20
【问题描述】：

我想知道如何将标题（或任何 html 文件）添加到另一个 html 文件中。我尝试使用 iframe，但它只是重定向了 iframe 内部的内容。一旦我完成了我的网站，我可能会有很多页面，所以能够添加一个只需更改一个文件即可更新的标题将非常有用，而不是必须在所有页面上更改它.有谁知道如何做到这一点？提前致谢。

【问题讨论】：

您可以使用 PHP 或 Python 等服务器语言或其他语言来执行此操作。这是一个 PHP 教程：tizag.com/phpT/include.php
stackoverflow.com/questions/418503/…的可能重复

标签： html

【解决方案1】：

使用 jQuery：

<html>
    <head>
        <script src="jquery.js"></script>
        <script>
            $(function(){
                $("#includedContent").load("b.html");
            });
        </script>
    </head>
    <body>
    <div id="includedContent"></div>
    </body>
</html>

使用没有 jQuery 的 JavaScript：

<html>
    <body>
        <script src="b.js"></script>
    </body>
</html>

b.js：

document.write('\
\
    <h1>This is my include file</h1>\
\
');

使用 PHP：

<?php include('b.html');?>

为此，您可能需要修改 Web 服务器上的 .htaccess 文件，以便可以在 .html 文件中解释 php。您应该在 .htaccess 文件中看到或添加它：

RemoveHandler.html
AddType application/x-httpd-php .php .html

带有服务端包含 (SSI)：

<!--#include virtual="a.html" -->

使用 HTML5：

<object name="foo" type="text/html" data="foo.inc"></object>

或者：

<embed type="text/html" src="foo.inc">

【讨论】：

【解决方案2】：

我没有搜索任何 javascript 方式，但我无法使其工作。这是包含 HTML 的最简单方法

您可以为页眉、页脚、内容以及您想要在单独文件中拥有的任何内容创建 html 文件，您需要做的就是：

1.把这个放到你的页面中

<script src="https://www.w3schools.com/lib/w3.js"></script>

您也可以下载 w3.js 并将其上传到您的服务器文件

<script src="/lib/w3.js"></script>

2.然后您希望将单独文件中的 html 代码包含在您的页面中：

<div w3-include-html="header.html"></div>

例如

<a href="google.com">Google</a> 
<div w3-include-html="footer.html"></div>
<h1>Title of current page</h1>
<div w3-include-html="content.html"></div>

在前面的“包含”代码之后的任何位置包含下一个代码
```
<script>w3.includeHTML();</script>
```

来源w3schools.com How TO - Include HTML

这就是它的样子

  <script src="https://www.w3schools.com/lib/w3.js"></script>
  <div w3-include-html="header.html"></div>
  <script>w3.includeHTML();</script>

【讨论】：