电子邮件代码编写规范

电子邮件制作规范

模板规范

1. 模板编码语言选择 ：utf-8
   
2. 对于HTML格式邮件的要求：
   1. 包括空格在内，邮件标题的字符最好控制在35个字符
      
   2. 电子邮件最佳宽度区间是600px-650px，  建议不要超过750像素
      
   3. 文件大小（HTML和图片）最好控制在500KB以下

 

table布局规范

1. 不要使用div，使用嵌套table定位
2. 使用table时，不可重复多次colspan
3. 尽量不要使用背景图片
4. 图片需指定宽度和高度（此条测试无法自适应ios微信端）
5. 建议为图片指定alt属性
6. 尽量不要使用map标签
7. 不要使用中文命名图片
8. 如果一定要给邮件设定整体背景色，请在模板文件最外面加一个 table，设定此 table的背景色。

 

图片，文本，链接规则

1. 纯图片邮件，图片与图片之间出现断行 ：在每张图片后添加 style="display:block;" 即可。
2. 图片名称不能含有 ad 字符，否则图片上传后会显示成“被过滤广告”，不能使用中文命名，且后缀也不能大写，否则一些邮箱无法识别，图片不会显示。
3. 在切割模板的时候，要注意限制图片的大小和数量，不要为了效果使图片过大，会使邮件接收者打开，过于缓慢，甚至直接关闭邮件。

 

文本规则

1. 模板中文本文字不能使用过大的字体，否则可能会被邮件客户端判定为垃圾邮件。
2. 不要使用类似如下敏感及带促销类的文字：
   免费、优惠、特惠、特价、低价、便宜、廉价、视频、赚钱、群发、发财、致富、代开、薪水、交友、支付、商机、法宝、宝典、秘密、情报、机密、保密、绝密、
   神秘、秘诀等。如果一定需要，请把敏感文字做成图片。
   
   

链接规则

1. 模板中所有的链接，都必须使用绝对路径；
2. 链接长度不能超过 255 个字符，不能有空格和中文字符

CSS样式规范

1. 不要引用外部样式表，将样式表写入模板内部
2. padding、margin等支持很差 ，建议尽量减少使用
3. 某些邮件客户端不支持浮动属性，尽量不要使用
4. 尽量不要使用<h2>、<ul>、<li>、<p>、<ol>等有默认样式的标签

动画与互动元素规范

1. 可以使用简单的gif动画来表达某些需要明显突出的要素，但要控制gif文件的大小，gif动画在OutLook 里是失效的
2. 不要使用Flash、Java、Javascript、Frames 、 I-Frames、ActiveX、dynamic HTML等 ，大部分邮件运营商都已经屏蔽了这些元素。