导读：页面构建，又叫静态化（生成HTML）。这一阶段应遵循以下所列规范。
1 文档类型
统一使用HTML5声明。即<!DOCTYOE html>
2 文档编码
包括两部分，一部分是HTML文件本身，使用UTF-8编码，二是meta元素声明，使用UTF-8编码。
即<meta charset="utf-8">
3 链接处理
去掉协议头，http: 和https:。
4 图片处理
格式：png、gif；
大小：单张图片<=60KB；
CSS：使用CSS Sprites合并零星小图片；
压缩：使用Yahoo的smushit 或 Google的PageSpeed进行无损优化压缩。
5 CSS
分离：通过ID、Class将CSS从HTML结构树中分离；
合并：合并CSS文件；
压缩：压缩CSS代码。
6 JS脚本
分离：通过ID、Class将脚本从HTML结构树中分离；
合并：合并脚本文件；
压缩：压缩脚本代码；
延迟：延迟加载脚本。
7 统计代码
使用异步加载。
8 缩进
统一使用2spaceback进行缩进，保证代码可读性。
9 HTML元素
title：放置在charset声明之后，如：
<!DOCTYOE html> <meta charset="utf-8"> <title>这仅是一个测试</title>
img：必须有alt（备用方案，防止图片加载失败）、width、height属性（性能和样式）。
type属性：在css link 和 js脚本 script元素中，去掉type属性。因为HTML5默认为：
css-text/css，javascript-test/javascript。
实体引用：直接使用如©，€等，避免使用© 和&eur;等。
10 其他
CSS必须在script之前完成加载。
说明：以上内容参考了google的相关规范、yahoo的一些建议，结合自己这些日子来的实践总结。