我們如何避免在每個html頁面中重複頁眉和頁腳代碼

我有大約10個html頁面，每個頁面也有相同的頁眉和頁腳標籤我可以有一個完整的頁眉和頁腳頁面，我會參考該特定頁面從其他html頁面。我們如何避免在每個html頁面中重複頁眉和頁腳代碼

2010-09-28 mahesh

您可以通過使用服務器端語言（如PHP）或其他種類繁多的不同語言（預處理該頁面）來完成此操作。沿着這些線：

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

... page contents... 

<?php include 'footer.html'; ?>

來源

2010-09-28 04:29:52 deceze

感謝您的答覆，是他們在客戶端做任何方式，而不使用任何服務器控件。 – mahesh 2010-09-28 04:32:42

@mahesh我想你*可以*在Javascript中如果你這麼傾向（通過AJAX獲取頁眉和頁腳文件，注入DOM），但我真的不會推薦它。無論如何，您仍然必須以這種方式重複一定數量的HTML前導碼。 – deceze 2010-09-28 04:35:03

我在服務器端使用asmx webservices。 – mahesh 2010-09-28 04:41:18

什麼是您的服務器端腳本語言？你可以做所謂的「包含」。

確切的語法取決於您的Web服務器支持的語言。

來源

2010-09-28 04:30:38

我正在c＃編碼的服務器端使用webservices，我希望我的html是純的而不使用任何asp標籤進入它是任何方式在客戶端執行 – mahesh 2010-09-28 04:38:34

是的，包含XSL。我不得不說，它可能更好地做它的服務器端，因爲你確定它會包括去瀏覽器。 – 2010-09-28 04:54:41

假設問題上的「主頁」標記指的是ASP.NET，這裏是Super Link。 Ps。您也應該試試Ruby on Rails :)

來源

2010-09-28 04:31:03 Zabba

如果您不關心禁用了JavaScript的用戶或正在使用某些移動平臺的用戶，則可以使用JavaScript來執行此操作。

headerfooter.js

window.onload = function() 
    { 
     var header = document.getElementById('header'); 
     var footer = document.getElementByID('footer'); 

     header.innerHTML = "<h1>My website</h1><h2>Rules</h2>"; 
     footer.innerHTML = "<small>This code is in the public domain</small>"; 
    }

page.html中

<html> 
    <head> 
    <script type="text/javascript" src="headerfooter.js"></script> 
    </head> 
    <body> 
    <div id="header"></div> 
    ... Your content ... 
    <div id="footer"></div> 
    </body> 
</html>

但不這樣做，這是用戶不友好，和不專業。只需堅持使用PHP，或者建立一個不需要稍後編輯的實體模板。

來源

2010-09-28 04:45:55

我可以做模板建設嗎？ – mahesh 2010-09-28 04:48:18

使用Django。當你得到它的最好的東西:)

來源

2012-10-14 10:24:21 premik91

我們如何避免在每個html頁面中重複頁眉和頁腳代碼

回答

相關問題