Question

所以我有一个网站有多个网页，他们有相同的页眉和页脚，我唯一要改变的是内容。我知道我可以使用php并使用include，但我试图避免这种情况。

是否有其他方法可以在不使用PHP的情况下插入页眉和页脚？

Answer 1

目前还没有一种方法可以直接使用HTML（有一个HTML5导入功能，但目前的支持很糟糕），所以你需要使用某种模板系统来实现这一点。有很多选择，如Handlebars，Liquid或Jade。它们将允许您编写部分并包含它们，然后将它们编译为单独的html文件，以便使用gulp，grunt或其他任务运行程序进行部署。您还可以查看静态站点生成器，例如Jekyll，middleman或assemble.io，因为这些是他们提供的功能，而无需在启动站点时运行服务器端语言。

Answer 2

这是一种JS方法:(直接从这个answer获取代码）：

创建一个javascript文件：footerheader.js 给它内容：

document.getElementById("myHead").innerHTML =
    "<span id='headerText'>Title</span>"
    + "<span id='headerSubtext'>Subtitle</span>";

document.getElementById("myFooter").innerHTML =
    "<p id='copyright'>Copyright &copy; " + new Date().getFullYear() + " You. All"
    + " rights reserved.</p>"
    + "<p id='credits'>Layout by You</p>"
    + "<p id='contact'><a href='mailto:you@you.com'>Contact Us</a> / "
    + "<a href='mailto:you@you.com'>Report a problem.</a></p>";

所有这些代码，您可以用自己的名字和ID替换。

然后你的html：

<header id="myHead"></header>
<h3>content</h3>
<footer id="myFooter"></footer>

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

在所有网页上使用相同的ids，并且包含相同的脚本，您可以实现此目标。

Answer 3

使用方法require_once（）的最佳方法是使用方法require_once（），这是一种简单的方法，但是可以正常工作。

方面的

具有通用导航和页脚的多个网页

3 个答案: