邮件模板css及html设计规范
by dp corp.
邮件模板规范
邮件模板，请严格按照下面的规则执行。邮件客户端和Web页面的需求不同，在编写代码的时候，考虑的方向也不一样。
任何同学，有什么问题，可以在下面提出。
!Doctype声明
为了向前兼容和避免某些浏览器的怪癖，使用html5的!doctype声明，格式如下：
原则，及思维出发点
1. 不需要考虑DOM节点的精简和结构的优化。
以完成设计样式为最优先。必要时，不必吝啬使用表格嵌套，不必吝啬使用空的表格元素来占据空间。
2. 宁可冗余，也不可缺少必要定义。
3. 充分利用表格的私有属性来布局。width, height, bgcolor, background, align, valign等
4. 可替代性：
在编写html的时候，请思考当你页面的所有图片都被屏蔽时，是否用户还能了解页面的主要内容。
请务必在所有要设置背景图片的元素上，定义背景颜色。
5. 可利用Dreamweaver等工具来协助编写html，但切记，一定要时候做好每行代码的检查。
Mackup
1. 主体页面，包括细节处理，尽量使用布局。
邮件模板规范
邮件模板，请严格按照下面的规则执行。邮件客户端和Web页面的需求不同，在编写代码的时候，考虑的方向也不一样。
任何同学，有什么问题，可以在下面提出。
!Doctype声明
为了向前兼容和避免某些浏览器的怪癖，使用html5的!doctype声明，格式如下：
原则，及思维出发点
1. 不需要考虑DOM节点的精简和结构的优化。
以完成设计样式为最优先。必要时，不必吝啬使用表格嵌套，不必吝啬使用空的表格元素来占据空间。
2. 宁可冗余，也不可缺少必要定义。
3. 充分利用表格的私有属性来布局。width, height, bgcolor, background, align, valign等
4. 可替代性：
在编写html的时候，请思考当你页面的所有图片都被屏蔽时，是否用户还能了解页面的主要内容。
请务必在所有要设置背景图片的元素上，定义背景颜色。
5. 可利用Dreamweaver等工具来协助编写html，但切记，一定要时候做好每行代码的检查。
Mackup
1. 主体页面，包括细节处理，尽量使用
| 元素上。（Gmail等邮件客户端会过滤 |