邮件内容规范
管理员 / 2017-06-07
如果您需要自己制作邮件内容（懂HTML）,你们请您尽量遵行以下规则：
邮件内容是整个EDM发送环节中最重要一环，直接影响成败。下面是编辑内容时应该遵循的一些基本原则：
· 尽量使用文字来描述您的内容，可以适当使用HTML高亮、着色；
· 尽量少使用外部链接，如果需要使用请尽可能使用域名没被屏蔽的网址；
· 尽可能少使用图片，如果需要用，请为每个图片指定height, width和alt，尤其要 为图片安排恰当的alt，以便在ISP不显示图片时还能让用户了解图片指向的容；
· 尽可能少使用table，改为自适应大小的内容，html和css标签尽量少。
下面是详细的HTML形式的邮件模板制作规范，请您参考；
html
只使用 <div> <a> <span> <table> <tr> <td> <br> <map> <area> 标签可以避免很多默认样式造成的错位问题
CSS书写方式
请在行间书写 CSS
<div style="height: 69px;"></div>
也可以把CSS写在 <style> 标签内
<style>
.box{ height: 69px;}
</style>
<div class="box">text</div>
禁止使用的 CSS
中文字体
不要使用类似 font-family:微软雅黑; 的中文字体样式，建议使用 Microsoft Yahei。因为中文字体容易被解析成style="font-family:"微软雅黑"" 出现2对 " 导致整条样式失效。
float position
不要使用 float:left; position:absolute; 会因为邮箱兼容性导致错位
使用 table 代替 float position
使用简单的嵌套 <table>，提高邮件在各大客户端的兼容性。
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td style="text-align:left;">左侧</td>
<td style="text-align:right;">右侧</td>
</tr>
</table>
务必在 <table> 中加上 border="0" cellpadding="0" cellspacing="0"
不要使用跨行跨列
尽量不要使用 table 跨行跨列：
<td rowspan="2" colspan="2">
因为跨行跨列后代码会变得很难维护而且部分邮箱不兼容，尽量使用多个 table 嵌套实现功能。
比如要实现一个 1:1:2 的布局：
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td>1</td>
<td>1</td>
</tr>
</table>
</td>
<td> 2 </td>
</tr>
</table>
给 td 设置宽度
建议在每个单元格内设置宽度
width height 属性中不要设置 px ，会在 outlook 失效
<td width="200px"></td> 错误
不要使用 form表单 和JavaScript Flash
邮箱不完全不支持JavaScript Flash，也不支持支持 form表单
链接必须全部是绝对路径
// 可以<a href="http://www.youlaiduo.com/index.html">
// 不可以<a href="index.html>
退订投诉链接
系统已经自动加入退订链接，无需您的添加。
插入视频
需要插入视频，用下面这种方式兼容性比较好，需要考虑的是没有显示视频设置一个背景图片（163，QQ，sina等主流网页邮箱支持）
<video width="320" height="240" controls autoplay>
<source src="http://www.w3school.com.cn/i/movie.ogg" type="video/ogg" />
<source src="http://www.w3school.com.cn/i/movie.mp4" type="video/mp4" />
<source src="http://www.w3school.com.cn/i/movie.webm" type="video/webm" />
<object data="http://www.w3school.com.cn/i/movie.mp4" width="320" height="240">
<embed width="320" height="240" src="http://www.w3school.com.cn/i/movie.swf" />
</object>
</video>
图片注意事项
1.建议不使用背景图片，部分客户端是不显示图片，如果使用则要同时添加背景颜色。
2.图片属性添加display:block，因为在图像下填充额外的像素
3.图片属性添加border:0;，因为加链接会产生蓝色边框
4.建议图片都设置固定的宽和高
5.图片真实尺寸应该与设置 的 width height 一致
6.图片储存尽可能小，JPG(质量为50-80)。GIF PNG8(质量128) 颜色比较丰富的图片用JPG格式，图会清晰点 文件也小点 颜色比较单一的用GIF PNG8，图会清晰点 文件也小点
7.style放于src之前<img style="display:block;border:0;margin:0;padding:0;" src="http://xxxxxxxx.jpg">
8.同一个td中尽量只放一个img
9.可能的话图片Alt属性,大多数邮件服务器都屏蔽图片(尤其outlook)，所以在一片红叉的时候，能够让用户看到图片原本的意义是很重要的
10.少用map图片链接,很容易被当置垃圾邮件
补全空白区域,建议写法
若遇到大片空白布局,<td></td>中不写任何东西的话,邮件会以 填补空白,那么各式邮件就会加以默认行高等等,导致错位
<table>
<tr>
<td width="50"><div style="font-size:0px;height:2px;"></div></td>
<td width="100"><div>文字段落文字段落文字段落文字段落文字段落</div></td>
<td width="50"><div style="font-size:0px;height:2px;"></div></td>
</tr>
</table>
特殊字符,以html转义字符代替
空白会被自动和谐,>,<,/等等会导致标签错位
编码请使用utf-8
敏感词汇切成图
如果邮件内容中出现下列字样，容易被认为是垃圾邮件：免费、优惠、特惠、特价、低价、便宜、廉价、视频、赚钱、群发、发财、致富、代开、薪水、交友、支付、商机、法宝、宝典、秘密、情报、机密、保密、绝密、神秘、秘诀等。如果一定需要，请把敏感字制做成图片。
