如何在HTML不同的页面中，共用头部与尾部？
Posted 婷风
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了如何在HTML不同的页面中，共用头部与尾部？相关的知识，希望对你有一定的参考价值。
一、asp语言
首先制作一个头部文件head.asp，或者一个底部文件foot.asp。如主页是index.asp，调用头部代码是在index.asp文件代码的开始位置（第一个标记后面，<head>标记前面）增加如下代码：
<!–#include file=”head.asp”–>
调用共用底部文件代码是在index.asp文件代码的结束位置（最后一个标记前面）增加如下代码：
<!–#include file=”foot.asp”–>
二、html语言
制作一个共用头部文件head.htm或一个共用底部文件foot.htm。如主页文件是index.htm，调用头部和底部文件的方法是：在主页文件代码的开始位置和结束位置分别增加下面的代码：
<iframe MARGINWIDTH=0
MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no
src=”head.htm” height=120 width=1024></iframe>
<iframe MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0
SCROLLING=no src=”foot.htm” height=120 width=1024></iframe>
三、script语言
制作一个共用头部文件head.js和一个共用底部文件foot.js。如主页文件是index.htm，调用头部和底部文件的方法是：在主页文件代码的开始位置和结束位置分别增加下面的代码:<script src=’head.js’>和<script src=’foot.js’>
调用共同的网页头部或者网页底部，减少了每个页面都要编写头部或底部的复杂程度，而且方便修改，只要修改一个头部或者底部文件，所有页面的头部或者底部都随之改变，增加了工作效率。
四：shtml文件
1：使用ssi技术页面生成shtml文件，只用在头部文件位置加入<!--#include file="header.htm" -->，然后修改的时候只要修改header.htm文件就可以了。使用shtml的好处是对搜索引擎比较友好，需要处理的文件在服务器端完成的， 不会加重访问者的浏览器负担。
以上是关于如何在HTML不同的页面中，共用头部与尾部？的主要内容，如果未能解决你的问题，请参考以下文章
AngularJS中ng-include指令实现头部和尾部的共用