在每個頁面上包含頁眉/頁腳？

我正在與多頁關於信息，項目，活動等網站在每個頁面上包含頁眉/頁腳？

我的第一個問題是，我怎麼能包括我的導航欄，頁眉和頁腳是在所有的HTML文件，而無需進行復制他們每個人的完整代碼？我的第二個問題是，html結構應該如何查看單獨的頁眉/頁腳文件，以便將它們包含在我的頁面html中？

如果您提到PHP作爲解決方案，請指出我的過程的一些鏈接/教程。

來源

2016-03-03 BlueBird03

創建頁眉和頁腳的HTML並使用include（'header.html'）; – prats1411

PHP絕對可以幫到你。大多數詳細介紹PHP基礎的網站將教你如何在每個頁面上「包含」或「需要」頁眉/頁腳。您是否嘗試過對這些資源進行簡單的搜索？ – shrmn

感謝您的反饋。我嘗試使用PHP，但括號（我的代碼編輯器）中的代碼短語保持灰色並且不起作用。我會再次嘗試您的建議。 – BlueBird03

如果您使用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你可以把標籤等在每一頁，你可以只包括這些文件比

來源

2016-03-03 10:43:49

我強烈建議將腳註添加到你的身體，因爲它不會讓它保持在外 – 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

來源

2016-03-03 10:47:31 Rohit

您可以爲頁眉和頁腳創建特定的文件，並在需要它們的頁面中使用它們。

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

來源

2016-03-03 10:48:04 GeralexGR

首先，你需要做三個文件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

來源

2016-09-22 08:44:17

在每個頁面上包含頁眉/頁腳？

回答

相關問題