本篇文章只讲如何编辑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）其他
- 制作模板时，DTD可以尽量选用古老的HTML4.01 来限制加入现代化元素。
<!DOCTYPE html PUBLIC"-//W3C//DTD HTML4.01 EN//" "http://www.w3.org/TR/html4/strict.dtd">
2.尽量保持简洁的设计风格（布局，样式）：少用图片。
3. 资源链接：
- 邮件模板制作导航：http://www.campaignmonitor.com/design-guidelines
- 个邮件客户端可用css属性大全： http://www.campaignmonitor.com/css
可以下载模板的地址： http://www.webmax.com.cn/articles/articles_0120_3.html
html 格式的email 编辑
时间： 2024-07-31 21:42:42