静态模板网站 html代码复用改造

下载的静态模板网站都是纯html写的界面，像头、尾部分在每个页面都有的而且重复。还有主页对各个部分的介绍。解耦的思想也是为了以后维护肯定要单独拿出来的，所以记录一下。

以下是一个方法，不一定是最好的。

首先，另外新建一个html用于存放共同部分代码：

然后，在代码的js部分引用：

 

最后，html中声明该id：