帮助中心

邮件内容规范

如果您需要自己制作邮件内容(懂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 设置宽度
建议在每个单元格内设置宽度
<td width="200"></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转义字符代替
空白会被自动和谐,>,<,/等等会导致标签错位
<a>点击跳转&gt;&gt;&gt;</a>
<a>点击跳转>>></a>  错误

 
编码请使用utf-8
 
 
敏感词汇切成图
如果邮件内容中出现下列字样,容易被认为是垃圾邮件:免费、优惠、特惠、特价、低价、便宜、廉价、视频、赚钱、群发、发财、致富、代开、薪水、交友、支付、商机、法宝、宝典、秘密、情报、机密、保密、绝密、神秘、秘诀等。如果一定需要,请把敏感字制做成图片