Web页面重用有三个层次，按照它们出现的先后顺序，依次为：
基于SSI的Web页面重用
SSI就是服务器端包含，是最早出现的一种页面重用技术。JSP的include标签、FreeMarker的include标签、以及更加复杂的SiteMesh和Struts Tiles等框架都属于这一类的页面重用。
这一类页面重用的特征就是将一个完整的HTML页面化整为零，分割成为多个小的页面片段，每个页面片段仅包含一段HTML标签。当用户请求某个页面时，由服务器端的开发框架将多个页面片段组装成为一个完整的HTML页面返回给浏览器。
这类重用的好处是实现了页面标签本身的重用，通过化整为零的方式降低了页面维护的复杂性。但是这类重用仅仅是基于文本的，因此是比较低层次的重用（低层次并不意味着它没有用，实际上它对于提高开发效率非常有价值）。

基于CSS的Web页面重用
第二个层次的页面重用是基于CSS的重用。就是完全采用CSS来做布局，将Web页面的结构与表现完全分离，实现彼此的重用。

完全基于CSS做布局，并不像某些人想象的那么困难。只要亲自尝试过的人都会感到它与基于table的布局相比的巨大优势。在这方面我们积累了大量的第一手证据。我们对很多具有复杂嵌套table标签的页面进行重新制作，最后得到了几乎完全相同的表现效果和极其清晰，少得多的代码。

这类重用的目标就是实现页面结构（保存在HTML文件中）和表现（保存在CSS文件中）的完全分离，这样的页面维护和修改起来非常容易。这个目标的可行性已经无需争论，CSS Zen Garden网站采用完全相同的一套HTML代码获得了完全不同的表现效果就是最好的例子。

基于Ajax的Web页面重用
Ajax进一步将页面分割成了不同的内容分块（见《Ajax模式与最佳实践》的第三章：内容分块模式）。每个内容分块都是相对独立的信息岛，通过与其关联的某个Ajax组件来获取自己的数据、维护自己的状态（状态保存在服务器端，但是由客户端来操作和维护）。

这类重用将Web开发转变成了一种类似于传统桌面应用的开发模式。页面中的静态部分和动态部分得到了清晰的划分。页面中不同的内容分块负责自己数据的获取和展示，因此HTML和CSS只需要传递一次，达到了更高程度的页面重用。缺点是必须要写代码来实现，对于不熟悉JavaScript的开发者有些困难。
这三个页面重用的层次不是非此即彼的，不存在任何的冲突，完全可以配合使用。对于传统的Web开发团队来说，可以按照这三个重用层次的顺序，循序渐进提高Web页面的重用度。实现了这三个层次的页面重用，Web层开发才有可能真正敏捷起来。