前端如何实现HTML代码的复用？

Question

最近项目开发遇到一个问题

我们是根据设计图来组织页面的，因此保持一致性很重要.所以，在做好的静态页面有很多是重复的代码 重复的代码 重复的代码(重要的事情要说三遍)。

所以我想啊，有没有什么办法可以在前端就可以实现引入某一段HTML代码(不要跟我说普通的append).这应该就是一个HTML模块化的问题吧,就像js模块化一样,可以使用require这类的语法。

说到底，就是想问问有没有类似commonJS这类的commonHTML !有没有这类的开源，求给个git地址，或者有什么好办法。真的不想做一个页面就复制粘贴复制粘贴了！?

Answer 1

不知道我以前写的文章能不能帮到你，传送门：HTML 代码复用实践

Answer 2

html include file
http://www.cnblogs.com/adforce/p/3140549.html
不知道你是不是想要这样的结果

Answer 3

AngularJS的指令中的html模板是典型的HTML复用。

Answer 4

请自行google：模板引擎

Answer 5

纯静态的话，可以试试jQuery的$.load()方法。