2016-03-03 297 views
2

我正在与多页关于信息,项目,活动等网站在每个页面上包含页眉/页脚?

我的第一个问题是,我怎么能包括我的导航栏,页眉和页脚是在所有的HTML文件,而无需进行复制他们每个人的完整代码? 我的第二个问题是,html结构应该如何查看单独的页眉/页脚文件,以便将它们包含在我的页面html中?

如果您提到PHP作为解决方案,请指出我的过程的一些链接/教程。

+0

创建页眉和页脚的HTML并使用include('header.html'); – prats1411

+0

PHP绝对可以帮到你。大多数详细介绍PHP基础的网站将教你如何在每个页面上“包含”或“需要”页眉/页脚。您是否尝试过对这些资源进行简单的搜索? – shrmn

+0

感谢您的反馈。我尝试使用PHP,但括号(我的代码编辑器)中的代码短语保持灰色并且不起作用。我会再次尝试您的建议。 – BlueBird03

回答

2

如果您使用PHP文件,你可以做这样的事情:

的index.php:

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

    //page content 

<? 
    include("footer.php") 
?> 

的header.php:

<head> 
    //head 
</head> 
<body> 

footer.php:

<footer> 
    //footer 
</footer> 
</body> 

在h eader.php你可以把标签等 在每一页,你可以只包括这些文件比

+0

我强烈建议将脚注添加到你的身体,因为它不会让它保持在外 – Persijn

+0

页脚在每一页上都可以是相同的。所以它可能有用 –

+0

谢谢Wouter。目前我不使用服务器端。那么,另一种方法是将每个页面的每个html文件复制并粘贴相同的页眉/页脚代码? – BlueBird03

0

你可以做角JS。如果你不希望使用服务器端脚本 http://www.w3schools.com/angular/

<body ng-app=""> 

<div ng-include="'header.htm'"></div> 
    Your page goes here 
</body> 

不要忘记添加angulr js的Libery。或者你也可以使用cdn

0

您可以为页眉和页脚创建特定的文件,并在需要它们的页面中使用它们。

require 'footer.php' 
require 'header.php' 
0

首先,你需要做三个文件navbar.php,header.php文件footer.php其分别包含他们的代码。

现在在您的每个网页中放置下面的代码。

include('header.php'); //Your website header code will be load from header.php 
include('navbar.php'); //Your website navbar code will be load from navbar.php 
include('footer.php');//Your website footer code will be load from footer.php 
相关问题