如何在网站上的所有页面中包含带有 css 的模板答案

【问题标题】：How to include template with css to all pages on website如何在网站上的所有页面中包含带有 css 的模板
【发布时间】：2014-02-03 08:40:36
【问题描述】：

我创建了一个包含页眉、导航和页脚的 template.html，我想将其包含到我的所有其他页面：网站上的 html/php 文件，而无需将所有代码复制到所有其他文件。是否有捷径可寻？还是有更合适的方法来处理这个？我已经尝试过使用 php 要求页面，但它没有采用任何样式。

更新：我最终切换到使用包含功能。我需要在我的 html 中使用 php，如果你回显 php 脚本，代码就会被注释掉。我发现最好的方法是使用包含头部、页眉（和导航）和页脚。但是，为了避免制作多个打开和关闭 html 标记，我将其格式化为：

head: <html><head>
-content for head
header: </head><body><header></header>
-content between header and footer
footer: <footer></footer></body></html>

【问题讨论】：

您可以使用 jQuery .load() 函数为您的身体创建一个巨大的 div。不是最优雅的，但最有效。

标签： php html css templates

【解决方案1】：

好吧，你把你的：

一个文件中的标题，例如 header.php
一个文件中的页脚，例如 footer.php
等等。

然后在您的其他 .php 文件中，您只需调用包含函数，给出您的页眉/页脚路径。

【讨论】：

【解决方案2】：

我会组织我的不同脚本，以便它们都从 index.php 中调用（如果尚未完成）。然后，就在构建页面的逻辑之前，我将包含页眉和导航，以及之后的页脚。

这是一个模板：

<!DOCTYPE html>
<html>
<head><!-- here your header --></head>
<body>
~
<!-- here your navigation? -->
~
</body>
</html>

我把那些 '~' 放在能够爆炸的地方：

$template = explode('~',file_get_contents('template.html'))
// that way we have our code in an array we can easily use for header, navig and footer
$html = $template[0]; // header
$html.= $template[1]; // nav

switch($action) {
case 'foo':
  $html.= file_get_contents('foo.html');// just add directly html content
  break;                                // careful that it does not have <body> tags
case 'bar':
  require_once('bar.php');
  $html.= showBar(); // if you have a function in your script, you can add it to your page that way
  break;
}

$html.= $template[2]; // footer

如果您的其他脚本直接回显内容，请将$html.= 更改为echo

【讨论】：

工作得很好，但是我的 template.html 有一个单独的样式文件 template_style.css（我可以直接将样式复制到 template.html 中），但我也有一个 Spry 可折叠面板没有出现。我应该分别包含 spry 面板中的 .js 和 .css 吗？
我的错误，template.html 被放置在一个单独的文件夹中，这弄乱了对样式表和 spry 面板的引用。