| 文章简介：我们在做邮件页面的时候，都希望用户打开邮箱后看到我们发给对方是一个完整的网页页面，但是邮箱对HTML页面的渲染与在浏览器中的渲染不同，渲染能力小了很多，在浏览器中正常显示的效果，在邮件中却会出错，或者无法渲染。 |
电子邮件页面（EDM），就是能通过邮件形式发给对方的网页。相比普通邮件，网页邮件更能夺人眼球，精心设计的网页邮件，能在很短时间内将你要传达的信息灌输给接收者。
我们在做邮件页面的时候，都希望用户打开邮箱后看到我们发给对方是一个完整的网页页面，但是邮箱对HTML页面的渲染与在浏览器中的渲染不同，渲染能力小了很多，在浏览器中正常显示的效果，在邮件中却会出错，或者无法渲染。
首先我们看下时下邮件客户端对HTML和CSS的支持(图)：
由于邮箱客户端系统对css的支持存在天壤之别，那么为了尽量减少邮件页面在用户端出现错误，我们要注意以下几点：
1、文件内容编码要是UTF-8；
2、不包含图片或者flash的页面应控制在10k以内，含图片的大小应控制在30k-120k以内;
3、邮件页面的宽度一般保持在600px至800px之间，推荐宽度为650px或者600px，邮件的高度没有具体要求，应以邮件内容多少而定，建议最长不要超过1200px，即 2.5屏，否则必须修改；
4、布局要用表格布局，不要用div，css样式要把样式写入html标签内部，不要引入外部样式文件，也不要写在style间，table如果里有margin：0 auto；这个样式不管用，建议写成具体数字如margin：0px 15px；邮件内容居中时，在table里设定align=”center”,字体和字号最好定义在每个table里的td里;
5、不要在邮件中插入任何的Javascript、Flash以及一些特特殊标签(如:marquee)绝大部分邮件客户端会屏蔽Flash和Javascript，以及一些特殊标签和属性；如果有动画效果就用gif图片，最好控制在3个以内；
6、不要使用背景图片background-image属性，在多数在线邮件客户端会被屏蔽，尽量使用纯色背景；
7、给每张图片都指定宽和高以及alt属性值，而且图片的src属性一定要用绝对地址，包着图片的td也应加高宽限制，以避免部分客户端的图片显示出现异常，重要的内容信息不要用图片，考虑到图片可能无法显示，重要内容可以选择文字显示；
8、邮件页面当中的所有点击应使用弹出新窗口 最后就是邮件页面的测试相对麻烦一些，多测几遍，你懂的。