在制作一个html静态页面网页网站时会发现相同的页头与页尾文件的修改是一个很麻烦的工程，如果有与asp、php等动态程序站点类似的调用页头(top or head)或页尾(foot or bottom)的文件，就可以方便站点的修改与扩展。
Google查到两个网友的博文，摘录学习一下：
1、如何在html页面中调用头文件和尾文件
如何在html页面中调用头文件和尾文件
网页的头文件及尾文件一般情况下可以统一，需要修改时如果一个页面页面的改会很麻烦，所以一般统一做好一个头文件top.htm或是 head.htm,尾文件foot.htm或是bottom.html,然后在dreamweaver中修改，在每一个页面中进行调用这两个文件就可以实 现一致。
实现形式可以通过iframe框架调用htm的形式实现，也可以通过js调用来实现。
以下为框架调用头尾文件的html代码：
调用头文件top.htm的代码：
<table width=”100%” border=”0″ align=”center” cellpadding=”0″ cellspacing=”0″>
<tr>
<td>
<iframe scrolling=”no” align=”left” frameborder=”0″ src=”top.htm” width=”100%” height=”80″></iframe>
</td>
</tr>
</table>
调用尾文件foot.htm的代码：
<table width=”100%” border=”0″ align=”center” cellpadding=”0″ cellspacing=”0″>
<tr>
<td>
<iframe scrolling=”no” align=”left” frameborder=”0″ src=”foot.htm” width=”100%” height=”80″></iframe>
</td>
</tr>
</table>
2、HTML调用HTML页
建网站有好多时候在每一个网页都要使用同一的重复的地方，如每页的导航条、版权信息等。
例如做好了一个头文件页面，是html的，我想在别的页面(此页面也是html的)中调用这个页面,如何调用呢?
当这些内容需要修改时都是要统一修改的…
那如果每页每页的修改的话简直是…
其实在HTML中也可以像ASP以及其他脚本语言一样调用页面
<!–webbot bot=”Include” U-Include=”/Holmesian.html” TAG=”BODY” –>
<iframe frameborder=0 marginwidth=0 marginheight=0 scrolling=no src=”foot.html”></iframe>
这么一来很多事情都简单了
调用文件 html 文件 的代码 就是 在一个页面把另一个页面调用进来，有一种框架的效果
经本人修改以下可以用
<iframe frameborder=0 width=790 height=209 scrolling=no src="picter/index1.html"></iframe>