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

Question

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

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

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

如果是这样，有人可以 link 我在 PHP 中写一篇关于如何做到这一点的文章吗，我想

 include

函数?

谢谢。

Answer 1

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

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

Answer 2

您目前仅为页眉和页脚链接 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

本质上，您是在制作分音并将它们放在任何您想要的地方

Answer 3

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

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

显然将您自己的头文件文件路径放在那里。

Answer 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";
?>

Answer 5

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

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

Answer 6

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

header.php

My header

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

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

对页脚做同样的事情！

祝你好运！

Answer 7

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

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

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

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

Answer 8

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

然后您可以像这样将它们分别包含在所有页面中：

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

//content of that page here

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

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

Keeping my header and footer on all webpages?

html

css

php

web