edm邮件制作规范

专业的EDM邮件发送，是有严格的制作要求的，本指南从格式编码、文字、图片及链接四个方面给出指引，请逐条按照本指南制作您的EDM邮件模板。

格式编码：
1.	页面宽度请设定在600到800px（像素）以内，长度1024px以内。
2.	Html编码请使用utf-8。
3.	HTML代码在15kb以内。（各个邮箱的收件标准不一样，如果超出15kb您的邮件很有可能会进入垃圾邮件箱）。
4.	请使用table表格来布局。同一个<td>里只放一张图片，如<td><img src=" photo.jpg" ></td>。所有的图片都要定义高和宽。同一段文字放在同一<td>里。
5.	如果需要邮件居中显示，请在table里设定align="center"。
6.	不可将word类文件直接转换为html格式，否则会造成编码不规范。
7.	不要使用外链的css样式定义文字和图片（外链的css样式在邮件里将不能被读取，所以发送出去的邮件因为没有链接到样式，将会使你的邮件内容样式丢失），正确的写法：<td style="font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000;" >文字</td>"<font style="font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000;" >文字</font>。
8.	不使用Flash、Java、Javascript、frames、i-frames、ActiveX 以及 DHTML，如果页面中的图片一定要是动态的，请将FLASH文件转换成GIF动画使用，但在Outlook 2007里，GIF将不能正常显示，因为Outlook 2007限制GIF动画。
9.	不要使用<table></table>以外的body、meta和html之类的标签，部分邮箱系统会把这些过滤掉。
10.	背景图片代码写法如下：<table background="background.gif" cellspacing="0" cellpadding="0">，但请注意，outlook 对背景图片不识别。如果需要书写背景图片的样式，则需要先写背景图，然后在style里申明背景图的重复样式。正确写法如<td background=”1.jpg” style=”background-repeat:no-repeat”></td>。
11.	不要出现"onMouseOut" "onMouseOver"，即使在<td>里设置了，发送到邮箱后也将被过滤，无法显示设定鼠标经过所显示的内容。
12.	若邮件模板内侧边或者上下有空白间距，不要用padding，必须得用标准的td来设定空白间距，否则会导致各个邮箱解析不同。
13.	在yahoo邮箱里line-height要定义时的注意事项：需在块元素里定义line-height。 如果td里有<p>标签，则line-height也必须在p里定义。 无论是td还是p，如果有超链接，则都必须在a标签里面定义line-height。如果只是在td或者p里面定义line-height的话，那yahoo邮箱将无法识别a里面的行高。

文字：
1.	邮件主题控制在18个字以内，避免使用――！……等符号，容易产生乱码。
2.	邮件主题和内容都不要加入带有网站地址的信息，比如“google.com.cn公司祝您新年好”。 如果客户的品牌知名度比较高，主题上可加入一下公司的名称，比如：“NIKE运动时尚。
3.	文字内容、版面尽量简洁，突出主题，以达到更高的点击率。
4.	不使用类似如下敏感及带促销类的文字：免费、优惠、特惠、特价、低价、便宜、廉价、视频、赚钱、群发、发财、致富、代开、薪水、交友、支付、商机、法宝、宝典、秘密、情报、机密、保密、绝密、神秘、秘诀等。如果邮件发送量大或发送数据容易引起投诉，则需要将公司标志性信息如电话，邮箱或者品牌口号等制作成图片，避免被ISP监控记录。
5.	如果发送超过20万封，主题内容要更换，发送超过200万封，要考虑重新设计。
6.	文字应尽量定义字体的样式，每个邮箱的默认字体样式不同，为了达到您想要的效果，字体样式一定要定义完整。

链接：
1.	链接数量不能超过10个，如果所有图片的链接地址一样，请将所有的小图合并成一张大图。
2.	链接请写成绝对地址，例如：<a href="http://www.baidu.com">文字或图片</a>。（以确保收信人在点击链接时能够正常浏览您的内容）。
3.	链接地址的长度不能超过255个字符，会导致无法追踪或链接错误。
4.	尽量不要使用地图功能（map）链接图片，此功能会使邮件被多数邮箱划分为垃圾邮件！
5.	为避免用户收到的邮件图片无法浏览，请制作一份和邮件内容一样的web页面，然后在邮件顶部写一句话：“如果您无法查看邮件内容，请点击这里”， 链接到放有同样内容的web页面。(Y@mail系统目前支持此功能，您只需要在编辑模板的时候选择是否添加链接标志)。
6.	文字中出现网站地址链接被屏蔽为垃圾邮件的风险是极高的，例如： http:www.baidu.com.cn，此类链接，建议写成“百度”文字加链接，或是将网址做成图片加链接。
7.	链接里面最好不要使用特殊符号，避免邮箱解析错误。
8.	链接代码应尽量简短，代码太长会增加模板大小，进而会影响邮件发送效果。

图片：
1.	尽量避免全部是图片，注意平衡图片和文字的比例。
2.	整页图片控制在8张以内，每张图片最大不能超过15kb。
3.	图片地址请不要写成本地路径，例如：<img src="image/menu-5.gif" alt="" />，（这样发送出去的邮件，收件人将没办法看到您的图片）。正确的写法应该是：<img src="http://放置图片的网络空间绝对地址/menu-5.gif" alt="" />。
4.	图片名称尽量减少特殊字符命名，不能包含空格字符，后缀如.jpg不能大写，否则某些邮箱无法识别会造成图片不显示。另外，图片名称不能含有ad字符，否则图片上传后会显示成“被过滤广告”。图片的链接地址最好不要加%、￥、&等这样的特殊字符，这些字符有些邮箱无法识别（例如：QQ邮箱、gmail邮箱），将导致邮件打开时图片无法显示，图片地址最好由数字和字母组成。
5.	在Photoshop中，不要把一张整图直接切成过多的小图，然后直接存储为web格式，这种模板在邮箱中显示效果不正常，同时进入垃圾箱的风险也极高！
6.	Gmail、QQ邮箱的要求有改变，图片的属性一定要定义完整，例如<img style="vertical-align: top;" src="images/1.jpg" height="142" width="195" alt=" " /> 这里的style="vertical-align: top;"一定要定义，否则图片之间会有缝隙、变形等显示异常的情况。
7.	在<img>标签里面加上alt，这样用户在收到邮件的时候，即使有些邮箱将图片隐藏掉，也可以看到alt=””里面内容的显示，如：<img style="vertical-align: top;" src="images/1.jpg" height="142" width="195" alt="写上图片隐藏时您想要显示的内容 " />，让客户了解到邮件内容并吸引客户点击显示图片。

outlook规则：
1.	<col>标签不能被识别，如果要定义几个td相同的宽度，可以把具体的宽度写在具体的td里。例如<td width=””></td>
2.	内联元素的padding不能被识别，例如<a href=”#” style=”padding-left:40px”></a>,a标签里面的内容并不会距离左边40px。可以在td里定义padding.
3.	内联元素的vertical-align不能被识别，例如<img src=”1.jpg” style=”vertical-align:bottom”/>,此图片并不会和相同行的元素底对齐，可以写成<td valign=”bottom”><img src=”1.jpg”/></td> 即可。
4.	如果td里包含一个table，那么定义在子table里的标签的样式只会正确显示定义在子table里的样式，在父table的样式是不能正确显示的。例如： <td style=”font-size:12px” > <table> <tr><td>我的字符大小会显示默认的大小<td></tr> </table> </td>在table里的文字不会显示为12px <td> <table style=”font-size:12px” > <tr><td>我的字符大小会显示默认的大小<td></tr> </table> </td>在table里的文字会显示为12px 注意：如果在table里有a标签的话，则a标签中的内容的颜色样式要定义在a标签内，定义在父td里或所在的table里都是无效的。
5.	如果td和td之间有间隔，使用<td style=”border-bottom:10px solid #ffffff”></td>,这样写的话td之间是不会有间隔的。使用<td style=” margin-bottom: 10px “ ></td>也是不会有空格的。如果td之间有间隙，必须用 <td></td><td height=””10px> </td><td></td>来隔开。但是如果是table，则<table style=”border-top:10px solid #ffffff; border-bottom:20px solid #ffffff”></table>里面的内容会在上下有空行。
6.	<p>标签的width是不认识的，例如<p style=” 320px” ></p>,则p标签中的内容不会在320px处自动换行。只有<td>设置了宽度，内容才会在宽度限制处换行。
7.	如果要使用<p>标签要考虑到<p>标签本身自带的上下行之间的行高
8.	在<td>里设置margin是无效的，不论是margin-left、margin-right、margin-top或者margin-boottom都没有效果。
9.	当设置<img align=”left”/>或<img align=”right”/>时，图片会脱离文档流，在其父元素设置了margin或padding的话，都没有效果使其下移，左移或右移。
10.	在outlook中，如果嵌套的图片太长，会导致显示不正常，可将图片裁切成几张较短的小图，再进行布局。