html静态页面引用其他页面,Shtml完美解决静态页面内部调用其他页面（非Iframe、Object、Js方法）...

我想这个是所有前端工程师都会碰到的问题，在你做了很多页面，需要调用同一个头部或者底部的时候，需要嵌套一下，这个时候怎么办

Iframe、Object、Js调用的方法就不讨论了，网上搜索一大堆，不过兼容性不好

这里给出一个比较完美的解决方案

准备工具：本地化服务器，推荐WampServer(APACHE+PHP+MYSQL)

打开httpd.conf文件

去掉下面2段前面的#号

AddType text/html .shtml

AddOutputFilter INCLUDES .shtml

再搜索

Options Indexes FollowSymLinks

后面添加“ Includes”

即将该行改变为

Options Indexes FollowSymLinks Includes

保存，再重启apache服务器

引用方法

主文件：index.shtml

调用的文件：header.html(此文件放在templates目录下)

这里注意，主文件一定要是.shtml结尾，要不刚才是工作白做了，调用文件一般用.html文件结尾

在主文件里需要调用的地方添加代码：

这里推荐用virtual方法，不推荐用file方法

再刷新你的首页，调用成功