html 格式的email 编辑

浏览数：17 / 时间：2015年06月09日

本篇文章只讲如何编辑html格式的email 模板，并不讲述如何用程序发送email。

1.做email的重要思想：“复古”

抛弃现代化的div+css技术，回到html4.0+table的时代。少用css，多用标签本身的属性。

（1）不管是整体还是局部布局，都严格使用table。

（2） css

尽量用标签本身的效果达到设计效果，如：<img width="100" height="100"/>
元素背景：background-color全都有效，background-image，position，repeat，对outlook2007/10，live，gmail无效。所以非纯修使用的图片不应该用css背景的方式。
不要重复定义同样作用的标签属性和css属性，例如：<td>的padding 属性（css）和csllpadding属性。
不要用简写形式来定义属性的值。如：background: url() repeat #333;
不要用简写的16进制来定义color，如不要这么些color：#333；要写成：color:#333333;
css写在每个标签的style里，不能全局定义。

（3）图片

图片格式：<img height="100" width="100" src="http://www.baidu.com/123.jpg" alt="测试图" align="left" style="display:block;"/>
style="display:block;" 解决hotmail的填充。
有些不支持 8位或24位 png，尽量用gif和jpg。

（4）邮件宽度及居中

宽度<=600.给所有的单元格都定义好宽度属性。

（5）定义背景色

不要直接定义body。给最外层table 加背景色。

（6）链接

（7）模板变量

（8）其他