我想這個是所有前端工程師都會碰到的問題，在你做了很多頁面，需要調(diào)用同一個頭部或者底部的時候，需要嵌套一下，這個時候怎么辦
Iframe、Object、Js調(diào)用的方法就不討論了，網(wǎng)上搜索一大堆，不過兼容性不好
這里給出一個比較完美的解決方案
準(zhǔn)備工具：本地化服務(wù)器，推薦WampServer（APACHE+PHP+MYSQL）
打開httpd.conf文件
去掉下面2段前面的#號

AddType text/html .shtml 
AddOutputFilter INCLUDES .shtml

再搜索

Options Indexes FollowSymLinks

后面添加“ Includes”

即將該行改變?yōu)?

Options Indexes FollowSymLinks Includes

保存，再重啟apache服務(wù)器

引用方法
主文件：index.shtml
調(diào)用的文件：header.html(此文件放在templates目錄下)
這里注意，主文件一定要是.shtml結(jié)尾，要不剛才是工作白做了，調(diào)用文件一般用.html文件結(jié)尾
在主文件里需要調(diào)用的地方添加代碼：

這里推薦用virtual方法，不推薦用file方法
再刷新你的首頁，調(diào)用成功

轉(zhuǎn)載請注明：Web前端開發(fā)-Web前端工程師 ? Shtml完美解決靜態(tài)頁面內(nèi)部調(diào)用其他頁面（非Iframe、Object、Js方法）