页面构建（HTML）规范【整理+归纳】

导读：页面构建，又叫静态化（生成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的一些建议，结合自己这些日子来的实践总结。