一、整体结构
- 用div代替table布局
- 结构、表现、行为三者分离，避免内联
- 良好的树形结构
四个空格代替一个tab - 能并列就不嵌套
<div></div><div></div>代替<div><div></div></div> - 引用的class要少
二、代码格式
- 严格的属性
属性和值全部小写，每个属性都必须有一个值，每个值必须加双引号。 - 严格的嵌套
内联元素不能包含块级元素
特殊的块级元素只能包含内联元素：
h1,h2..p dt
li内可以包含div
三、注意事项
- 避免使用绝对定位，可能会被过滤。
- 避免使用js，可能会被过滤。
- 避免使用table布局，不易于修改维护。
问题：部分智能手机的邮件客户端可能会有只显示部分的bug（宽度被截）。
解决：在外面套一个同宽的table即可。