现在我的解决方案是 node 控制页面的构建，复制和粘贴我自己接受不了，然后结构也会很混乱

两种方法：模版，gulp-file-includ插件

使用模板吧。
mustache.js，handlebars.js或者jade

用jquery
$('head').load('head.html');

html本身是没办法包含其它的html的。 包含 这个其实是模版引擎在做。网上流传着一种 SSI (Server Side Include) 技术。大致原理是让服务器来拼接整个被打散的部分。具体好用否没有实际用过。楼主感兴趣可以研究一下。
还有另外的笨办法就是，通过 js 实现。大致原理是，页面包含一个js，专门在页面初始化时就去请求被你拆散的其它页面并组织他们然后追加到当前页面。

PS:既然都选择用纯html了，那你还想那么多干啥？复制粘贴啊。