1. 有个叫模板引擎的东西。

2. 你还可以把网站写成单页的。

gulp有相应的插件.找下
gulp-file-include
gulp-html-tag-include

有一个标签叫做iframe，但是不怎么推荐使用，为啥不推荐，自己百度，我懒得找了， 要么就 用AJAX 去往特定占位标签里 去load 比如

$('.top').load('topic-top.html');
$('.footer').load('topic-footer.html');

或者你可以去找模板引擎这种东西

以前在common.js中，拼了一段header和footer的代码。然后，每个页面都设置一个

<p id="header"></p>
<p id="footer"></p>

把拼好的html，$("#header").append(innerHtml)进去就行

ssi:shtml include

建议楼主 组件化 开发。

1. gulp-concat 合并文件，还能减少网络请求

2. 页面加载时，向文档写入 JavaScript 代码

    for (var i = 0; i < scripts.length; i++){
        document.write('<script src="' + scripts[i] + '" type="text/javascript"></script>');
    }

jade 语言

• 模板引擎 dust pug 都可以

• 单页网站

大家好似用模板引擎比较多，然后用gulp编译，单页一般不考虑。