调用网站公用header.html、footer.html文件，需要这几步骤：
单独存储header、footer代码文件为html格式；在各个主要页面的html中，调用header.html、footer.html；
一、单独存储公用文件
html
......
body
divclass=topid=top
ulli首页/lili产品页/li......li联系我们/li/ul
/div
divclass=contantdiv
/body
/html
将以上完整的头部代码/尾部代码复制到新建的html文件中，与index.html保存在同一位置，存储为header.html、footer.html文件。
二、在页面中调用
......
body
divid=header/div
divclass=contantdiv
divid=footer/div
/body
scripttype=text/javascriptsrc=web/js/jquery-2.2.4.js/script!--js文件--scripttype=text/javascript$(#header).load(header.html);!--需用js把公共头部加载到当前页面--/scriptscripttype=text/javascriptsrc=web/js/jquery-2.2.4.js/script!--js文件--scripttype=text/javascript$(#footer).load(footer.html);!--需用js把公共底部加载到当前页面--/script
根据以上步骤操作，直接复制代码替换，就可以实现效果。