各个网页如何把头部header.html和footer.html汇合进来？

我网站有很多静态页面，但是头部和尾部都是一样的，只是中间部分不一样而已。
现在我如何把头部和尾部分开来呢，这样会方便管理一点，比如我只修改header.html   footer.html 就可以修改所有页面的了，这样会省了很多时间去一个页面一个页面的修改。

我用<iframe></iframe>引入过，但是不行的。（显示出来的网页，调用的header.html/footer.html文件没有css效果）
<iframe src=/header.html></iframe>
<iframe src=/footer.html></iframe>


1。可以使用JS  header.html footer.html 都转换为JS
在头和尾引用
<script type="text/javascript" src="/head.js"></script>
<script type="text/javascript" src="/foot.js"></script>
但是搜索引擎不识别JS里的内容 也不好

不行呢，这样用了到静态页面上也调补出head.js  foot.js里面内容出来，整个页面也是会变形的。

2。可以使用shtml 这样就可以想asp那样 include 文件了   我空间只支持php，用不了asp

header.html footer.html  去网上转换JS的 直接调用