我们如何避免在每个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页面中重复页眉和页脚代码

回答

相关问题