EDM-邮件制作规范（一）：格式编码

序：前端的工作到现在差不多有一年了，博客园也申请了一段时间了，最近才终于PO了第一篇文上来。

这一年的工作感慨良多，从一无所知，到游刃有余，其中艰辛自不必多言。前端工作相对来说是比较枯燥的，但是同时每天也会学到新的知识，与团队的合作也使人成长。

真心热爱这份工作，所以在这里记录、分享前端生活的点滴经验，和与我一样热爱前端的朋友们共勉，朝心中的理想努力。

开篇：一开始对EDM的制作还是有些苦手的，在不断地制作中却也摸出了一些门道。

EDM，就是通常我们会收到的那些邮件广告。由于邮箱的一些发送和显示限制，EDM的页面制作有别于一般的网页，是有比较严格的规范的。

下面会结合我的经验来给出具体的规范：

（一）格式编码

1. 页面宽度请设定在600到800px（像素）以内，长度1024px以内。

缘由：这样能保证收到的人不用拉动滚动条就能看到全部内容。特别是不要产生左右滚动条！使浏览体验更好。

2. HTML编码在没有特殊要求的情况下应使用UTF-8

3. HTML代码控制在15KB以内，否则有些邮箱收到的时候可能会直接进入垃圾邮箱。（一般不会超过的~）

4. 一定table表格来布局。div布局不能使用。也不要图方便在PS里直接切图然后导出HTML，后果就是万一设计稿改动一点点，那么整个都要重新切图制作了。

5. 同一个<td>里只放一张图片，同一段文字放在同一<td>里。  

6. 只可使用CSS行内样式，外链和引用CSS均不可用。

7. 页面内容必须是纯静态的，如果页面中的图片一定要是动态的，请将使用GIF动画图片，但在Outlook 2007里，GIF不能正常显示。并且GIF图片一般都比较大。

8. Outlook对背景图片不识别，所以文字后面的背景不要做成图片，应做成空白或者纯色。否则只能整块切成图片来制作。

9. 使用alt和title描述图片信息时，注释文字不宜过长。

10. Font-family属性不能为空，否则会被QQ邮箱屏蔽为垃圾邮件。

11. 编辑多行文字样式时要设定行高：line-height:“” ，部分邮箱有默认高度会导致行距增大。

待续