我正在与多页关于信息,项目,活动等网站在每个页面上包含页眉/页脚?
我的第一个问题是,我怎么能包括我的导航栏,页眉和页脚是在所有的HTML文件,而无需进行复制他们每个人的完整代码? 我的第二个问题是,html结构应该如何查看单独的页眉/页脚文件,以便将它们包含在我的页面html中?
如果您提到PHP作为解决方案,请指出我的过程的一些链接/教程。
我正在与多页关于信息,项目,活动等网站在每个页面上包含页眉/页脚?
我的第一个问题是,我怎么能包括我的导航栏,页眉和页脚是在所有的HTML文件,而无需进行复制他们每个人的完整代码? 我的第二个问题是,html结构应该如何查看单独的页眉/页脚文件,以便将它们包含在我的页面html中?
如果您提到PHP作为解决方案,请指出我的过程的一些链接/教程。
如果您使用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你可以把标签等 在每一页,你可以只包括这些文件比
我强烈建议将脚注添加到你的身体,因为它不会让它保持在外 – Persijn
页脚在每一页上都可以是相同的。所以它可能有用 –
谢谢Wouter。目前我不使用服务器端。那么,另一种方法是将每个页面的每个html文件复制并粘贴相同的页眉/页脚代码? – BlueBird03
你可以做角JS。如果你不希望使用服务器端脚本 http://www.w3schools.com/angular/
<body ng-app="">
<div ng-include="'header.htm'"></div>
Your page goes here
</body>
不要忘记添加angulr js的Libery。或者你也可以使用cdn
您可以为页眉和页脚创建特定的文件,并在需要它们的页面中使用它们。
require 'footer.php'
require 'header.php'
首先,你需要做三个文件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
创建页眉和页脚的HTML并使用include('header.html'); – prats1411
PHP绝对可以帮到你。大多数详细介绍PHP基础的网站将教你如何在每个页面上“包含”或“需要”页眉/页脚。您是否尝试过对这些资源进行简单的搜索? – shrmn
感谢您的反馈。我尝试使用PHP,但括号(我的代码编辑器)中的代码短语保持灰色并且不起作用。我会再次尝试您的建议。 – BlueBird03