独立社区项目-2-头部和尾部模板（shtml，ssi）

界面跳转的时候，每个界面的头部和尾部都一样。这样，我发现每个html都得写相同的头部和尾部。好麻烦，而且维护部好，以后万一要改头部了，哪我得改所有文件。

我现想到几个解决方案：

1.在php里面做，php可以应用相同的头部和尾部，然后输出到浏览器。但是考虑到我这个项目不想在php里面写html代码，否定了这个方案。

2.iframe 还得做自适应调整，感觉也不太好。

3.代码自动生成，这样的话，我每个页面都得引入这段代码，感觉也不好，减少代码量还是必要的。

4.shtml，网上查了一下有这个东西，新浪用这个做的。  这种方法叫ssi（server side include）。这东西要这里面插入一个<!--#include file="header.html"--> 这个注释。   页面生成的时候这段注释就会变成header.html的内容。觉得这方法不错。

当然，你的引入模板的文件后缀就要改成shtml了。不然上面的include不生效。网上说还要设置web服务器，我没设置，也能用，可能是我直接用的集成包的，已经帮我设置好了。

 

index.shtml  如图。

红线部分就是引入的头模板，和底部模板。

 

footer.html

 

header.html

 

效果图。。

这是主界面。

 

然后跳转到登入界面

 

登入界面也完美的引入了头部和尾部模板。火狐，谷歌，ie9都毛有问题。

 

。。。以上。

 

然后我发现 html也可以引入。配置Apache就好了，发现这位大哥的地址。尝试了下。

http://www.cnblogs.com/piercalex/archive/2012/11/27/2790296.html

 

转载于:https://www.cnblogs.com/NightShaw/p/5463170.html