在所有网页上保留我的页眉和页脚？答案

【问题标题】：Keeping my header and footer on all webpages?在所有网页上保留我的页眉和页脚？
【发布时间】：2015-03-13 22:57:18
【问题描述】：

我已经完成了网站主页的设计，现在我已经移动了其他一些页面，我希望我的页眉和页脚在每个页面上都显示相同。我已经尝试过这种基本方法来链接构成我的第二个 HTML 文件中的页眉/页脚的相同样式表（已在主页中使用）：

<link rel="stylesheet" href="footer.css" type="text/css"/>
<link rel="stylesheet" href="header.css" type="text/css"/>

我现在明白这是行不通的。服务器端脚本语言是我最好的选择吗？ PHP之类的？

如果是这样，任何人都可以将我与如何在 PHP 中做到这一点的文章链接起来，我想用

 include

功能？

谢谢。

【问题讨论】：

是的，在 php 中，您可以在所有页面中包含 1 个页眉或页脚！
甚至不需要 PHP - 你可以使用像  这样的 SSI（假设你的服务器已经配置好了 - 可能是这样）：httpd.apache.org/docs/2.2/howto/ssi.html
@CD001 这不是一个好主意，因为它不是一个可移植的解决方案。
@Tek 与使用 PHP 相比，任何 less 的便携性到底如何？除非您假设 PHP 的使用范围比 Options +Includes 更广泛
可能是关于 SO 的问题。不想弄乱 cmets 部分。

标签： php html css web

【解决方案1】：

您目前仅链接页眉和页脚的 css。如果要包含相同的html，请创建两个单独的文件header.php和footer.php，然后将它们包含到每个网页中。

<?php include('path/to/header.php');?> // in the location you want the header in the page
<?php include('path/to/footer.php');?> // in the location you want the footer

本质上，您是在制作部分并将它们放置在您想要的任何位置

【讨论】：

【解决方案2】：

假设您有要包含在所有页面中的标题，

header.php

My header

现在您可以像这样将它包含到其他页面中：

<?php
include "header.php";
?>

对页脚做同样的事情！

祝你好运！

【讨论】：

很有趣，很简单也很有道理。但是我的页眉和页脚文件是 CSS 文件，这些文件可以有 .php 扩展名吗？

【解决方案3】：

将您的标头代码放在一个单独的 HTML 文件中，然后在每个页面中您希望它出现的位置使用以下代码：

<?php include '../header.html'; ?>

显然把你自己的头文件的文件路径放在那里。

【讨论】：

【解决方案4】：

您必须创建 2 个其他文件：header.php 和 footer.php。然后您可以将它们包含在您的其他页面中：

<?php 
include "url/to/your/header.php"; 
include "url/to/your/footer.php";
?>

index.php 中的示例：

<?php
include "views/header.php";
?>

// your content here html/php

<?php
include "views/footer.php";
?>

【讨论】：

【解决方案5】：

创建 2 个文件“header.html”和“footer.html”，并将它们包含在 php 文件的顶部和底部。

<?php include("YourFile.html"); ?>

【讨论】：

【解决方案6】：

这将是最基本的PHP 模板引擎：

<?php include 'header.html'; ?>
---HTML content
<?php include 'footer.html'; ?>

【讨论】：

谢谢，我认为我的网站必须是基于 PHP 的。我所有的 HTML 文件扩展名都必须是 .PHP？
@CharlieCoplestone 它没有是基于 PHP 的。它几乎可以是您想要的任何后端语言。但是你选择了 PHP 作为你的问题，所以你得到了 PHP 作为你的答案。

【解决方案7】：

创建一个名为header.php 的文件并将标题内容放在该文件中。然后创建另一个名为footer.php 的文件并将所有页脚内容放入其中。

然后您将它们单独包含在所有页面中，如下所示：

<?php include('header.php'); ?>

//content of that page here

<?php include('footer.php'); ?>

【讨论】：

【解决方案8】：

您也可以使用聚合物。以这种方式下载聚合物代码 (javascript) 并包含其他文件：

<link rel="import" href="my-custom-element.html">

https://www.polymer-project.org/platform/html-imports.html

这是使用未来网络应用程序的最新方式。当您可以只专注于 HTML 时，无需弄乱服务器端语言。

【讨论】：