管理进化

html如何共用头部


制作一个共用头部文件head.htm或一个共用底部文件foot.htm。如主页文件是index.htm,调用头部和底部文件的方法是:在主页文件代码的开始位置和结束位置分别增加代码,比如代码主页面:index.html,在其中引入head.html。

下面我们来介绍具体方法。

1、javaScript语言

制作一个共用头部文件head.js和一个共用底部文件foot.js。如主页文件是index.htm,调用头部和底部文件的方法是:在主页文件代码的开始位置和结束位置分别增加下面的代码:<script src=’head.js’>和<script src=’foot.js’>调用共同的网页头部或者网页底部,减少了每个页面都要编写头部或底部的复杂程度,而且方便修改,只要修改一个头部或者底部文件,所有页面的头部或者底部都随之改变,增加了工作效率。

比如:head.js文件------根据上面的head.html,利用转换工具html转换为JS。以后无论在哪个页面,想调用该头部文件,直接插入head.js文件即可

2、shtml文件

1:使用ssi技术页面生成shtml文件,只用在头部文件位置加入<!--#include file="header.htm" -->,然后修改的时候只要修改header.htm文件就可以了。使用shtml的好处是对搜索引擎比较友好,需要处理的文件在服务器端完成的, 不会加重访问者的浏览器负担。

3、本地合并

即将HTML硬拆成头、尾、内容三个部分的文件,在预览或者发布之前用脚本手工合并。很久以前用过,没有后台的时候使用效果不错。

4、ajax动态拉取填充

5、web服务器(比如IIS)中设定包含

比如我们说的SSI,文档后缀名是.shtml的就可以使用include包含。

SSI(Server Side Include),通常称为"服务器端嵌入"或者叫"服务器端包含",是一种类似于ASP的基于服务器的网页制作技术。默认扩展名是 .stm、.shtm 和 .shtml。SSI就是在HTML文件中,可以通过注释行调用的命令或指针,SSI具有 强大的功能,只要使用一条简单的SSI命令就可以实现整个网站的内容更新,时间和日期的动态显示,以及执行shell和CGI脚本程序等复杂的功能。

6、后台模板引擎处理(字符串拼接)

7、用图片、flash等外部资源做---不推荐,比较麻烦

8、angular js里的<ng-include>的使用


最后,推荐我们的管理工具给大家。

智齿客服