sass 替代了 css， 什么替代 html 呢？

Question

应该是问个html import 之类的问题，有几个公用的html内容块，比如说是：

a块
<div>a 的内容</div>
b块
<div>b 的内容</div>
c块
<div>c 的内容</div>

列表页 list.html 右侧要有：

a,b块

内容页 article.html 右侧要有：

a,c块

sass有这样的解决思路的，比如新建一个 _a.sass 和 _b.sass _c.cass；
当 list.sass import _a.sass 和 _b.sass 他导出 list.css 的时候。把 _a.sass 和 _b.sass 的内容就自动加上了；
同理 article.css 也有了 _a.sass 和 _c.sass 的内容；

html咋整？有没有这样的工具？
webpack？html模板引擎？haml？

求指教个具体方法，丢个关键字或者链接啦 3Q

Answer 1

我觉得应该是HTML Components

Answer 2

模板引擎
比如php的 smarty，twig 等

webpack当然可以，组件化

Answer 3

angularjs

Answer 4

这个需求fis3完全解决你的需求 http://fis.baidu.com/fis3/doc...
fis3作为工具自带很多插件 学习很简单 可以花个把小时学习一下 可以不依赖配置文件开发
当如如果你用angularJs的话 框架自带这个功能 使用ng-include来引入html片段

Answer 5

如果说针对于结构框架的话，任何前端框架都可以替代html，但是每种框架依然会存在其自身的限制问题，而html却并不存在这个顾虑，因为我们可以进行原生文件的编译，自我定义其所需要的事件问题。

Answer 6

可以使用SSI(Server Side Include)技术，比如nginx就原生支持SSI

Answer 7

可以分为服务端或者客户端的方式，服务端一般语言都提供了一些支持，例如jsp中就有include指令，可以用来引入页面。在客户端有一个webcomponent的特性<link rel="import" href="myfile.html">，但是可能存在兼容性的问题。还有就是单纯的想引入一个页面，直接iframe就好，但是iframe对seo不友好，也少用。
还有一个就是使用js操作dom的方式，向页面中插入dom达到引入的方式。如果使用一些前端的框架，可以通过框架提供的路由来满足上面的需求来达到效果。

Answer 8

同意楼上说的HTML Component.

W3C的组件规范里就有一部分是html imports, 为link标签添加了一个import类型。有兴趣的话可以看看polymer

Answer 9

在web开发厘米，html已经是用来替代xml了，现在还想找个东西来替代html，那倒不如直接找个东西来替代xml更快一点。如果是为了组件化开发，比如用了vue或react等技术，那么jsx算是html的替代吗？尽管最后还是要编译成html才能在浏览器里运行，就好比sass最后也是要编译成css一样。

Answer 10

可以看一下 RequireJS ，也许可以达到你想要的效果，但是用的时候注意一下DOM的事件绑定注册问题

Answer 11

template.js

Answer 12

jade http://jade-lang.com/