edm 邮件制做指南

格式编码

一、页面宽度请设定在 600px 到 800px 之内，长度 1024px 之内。

二、html 编码请使用 utf-8。

三、html 代码在 15KB 之内。（各个邮箱的收件标准不同，若是超出 15KB 您的邮件颇有可能会进入垃圾箱）

四、请使用 table 表格来布局。同一个 td 里只放一张图片，如 <td><img src="photo.jpg" /></td>。全部的图片都要定义宽高。同一段文字放在同一 td 里。

五、若是须要邮件居中显示，请在 table 里设定 align="center"。

六、不可将 word 类文件直接转换为 html 格式，不然会形成编码不规范。

七、不要使用外链的 css 样式定义文字和图片（外链的 css 样式在邮件里将不能被读取，因此发送出去的邮件由于没有连接到样式，将会使你的邮件内容样式丢失），正确的写法：<td style="font-family:arial;font-size:12px;color:black">文字</td>。

八、不使用 flash、java、javascript、frames、iframe、activeX 以及 dhtml，若是页面中的图片必定要动态的，请将 flash 文件转换成 gif 动画使用，但在 outlook2007 里，gif 将不能正常显示，由于 outlook2007 限制 gif 动画。

九、不要使用 table 之外的 body、meta 和 html 之类的标签，部分邮箱系统会把这些过滤掉。

十、背景图片代码写法以下：<table background="background.gif" cellspacing="0" cellpadding="0"></table>，但请注意，outlook 对背景图片不识别。

十一、不要出现"onmouseover"、"onmouseout"，即便在 td 里设置了，发送到邮箱后也将被过滤，没法显示设定鼠标通过所显示的内容。

十二、font-family 属性不能为空，不然会被 qq 屏蔽为垃圾邮件。

1三、若邮件模板内侧边或者上下有空白间距，不要用 padding，必须得用标准的 td 来设定空白间距，不然会致使各个邮箱解析不一样。

1四、在 yahoo 邮箱里定义 line-height 的注意事项：需在块级元素里定义 line-height。若是 td 里有 p 标签，则 line-height 也必须在 p 中定义。不管是 td 仍是 p，若是有超连接，则都必须在 a 标签里定义 line-height。若是只是在 td 或者 p 里面定义 line-height 的话，那 yahoo 邮箱将没法识别 a 里面的行高。

文字

一、邮件主题控制在 18 个字之内，避免使用特殊符号，容易产生乱码。

二、邮件主题和内容都不要加入带有网站地址的信息，好比“xxx.com祝您新年好”。若是客户的品牌知名度比较高，主题可加入公司的名称，好比：“NIKE运动时尚”。

三、文字内容，版面尽可能简洁，突出主题，以达到更高的点击率。

四、不使用相似以下敏感及带促销类的文字：免费、优惠、特惠、特价、低价、便宜、廉价、视频、赚钱、群发、发财、致富、代开、薪水、交友、支付、商机、法宝、宝典、秘密、情报、机密、保密、绝密、神秘、秘诀等。若是必定须要，请把敏感字作成图片。

五、若是发送超过 20 万封，主题内容要更换，发送超过 200 万封，要考虑从新设计。

六、文字应尽可能定义字体的样式，每一个邮箱的默认字体样式不一样，为了达到您想要的效果，字体样式必定要定义完整。

图片

一、尽可能使用图片，以免文字在各个主流邮箱中的显示有所不一样。例如 qq 邮箱，若是未在代码中设置，邮件中的文字不能自动换行，gmail 邮箱邮件内容的字体会自动放大，与原来设定的字符大小不一致。

二、整页图片控制在 8 张之内，每张图片最大不能超过 15KB。

三、图片地址请不要写成本地路径，例如：<img src="images/aa.jpg" />，（这样发送出去的邮件，收件人将没办法看到您的图片）。

四、图片名称不能含有 ad 字符，不然图片上传后会显示成“被过滤广告”。

五、若是整个邮件模板只有一张图，必定要裁成 2-3 张小图，并适当保留一些文字。

六、gmail、qq 邮箱的要求又改变，图片的属性必定要定义完整，例如 <img src="images/1.jpg" style="vertical-align:top;" height="30" width="100" alt="" /> 这里的 style="vertical-align:top;" 必定要定义，不然图片之间会有缝隙、变形等显示异常的状况。

七、在 img 标签里加上 alt 属性，这样用户在收到邮件的时候，即便有些邮箱将图片隐藏掉，也能够看到 alt 里面的内容。如：<img src="images/1.jpg" style="vertical-align:top;" height="30" width="100" alt="显示内容" />，让客户了解到邮件内容并吸引客户点击显示图片。

连接

一、连接数量不能超过 10 个，若是全部图片的连接地址同样，请将全部的小图合并成一张大图。

二、连接请写成绝对地址。（以确保收信人在点击连接时可以正常浏览您的内容）。

三、连接地址的长度不能超过 255 个字符，会致使没法追踪或连接错误。

四、不要使用地图功能（map）连接图片，此功能会使邮件被多数邮箱划分为垃圾邮件。

五、为避免用户收到的邮件图片没法浏览，请制做一份和邮件内容同样的 web 页面，而后在邮件顶部注明：“若是您没法查看邮件内容，请点击这里”，连接到访友一样内容的 web 页面。

六、文字中出现网站地址连接被屏蔽为垃圾邮件的风险是极高的，例如：http://xxx.com此类连接，建议写成“XXX公司”文字加连接，或是将网址作成图片加连接。

七、连接里面最好不要使用特殊符号，避免邮箱解析错误。

八、连接代码应尽可能简短，代码太长会增长模板大小，进而会影响邮件发送效果。

outlook 规则

一、col 标签不能被识别，若是要定义几个 td 相同的宽度，能够把具体的宽度写在具体的 td 里。例如<td width=""></td>。

二、内联元素的 padding 没法被识别，例如 <a href="#" style="padding-left:40px;"></a>，a 标签里面的内容并不会距离左边 40px。能够在 td 里定义 padding。

三、内联元素的 vertical-align 不能被识别，例如 <img src="1.jpg" style="vertical-align:bottom" />，此图片并不会和相同行的元素底对齐，能够写成 <td valign="bottom"><img src="1.jpg" /></td> 便可。

四、若是 td 里包含一个 table，那么定义在子 table 里的标签的样式只会正确显示定义在子 table 里的样式，在父 table 的样式是不能正确显示的。注意：若是在 table 里有 a 标签的话，则 a 标签中的内容的颜色样式要定义在 a 标签内，定义在父 td 里或所在的 table 里都是无效的。

五、若是 td 和 td 之间有间隔，使用 <td style="border-bottom:10px solid #fff"></td>，这样写的话 td 之间是不会有间隔的。使用 <td style="margin-bottom: 10px"></td> 也是不会有空格的。若是 td 之间有间隙，必须用 <td></td><td height="10px">&nbsp;</td><td></td> 来隔开。可是若是是 table，则 <table style="border-top:10px solid #ffffff; border-bottom:20px solid #ffffff"></table> 里面的内容会在上下有空行。

六、p 标签的 width 是不认识的，例如 <p style=” width:320px” ></p>，则 p 标签中的内容不会在 320px 处自动换行。只有 td 设置了宽度，内容才会在宽度限制处换行。

七、若是要使用 p 标签要考虑到 p 标签自己自带的上下行之间的行高。

八、在 td 里设置 margin 是无效的，不管是 margin-left、margin-right、margin-top 或者 margin-boottom 都没有效果。

九、当设置 <img align="left" /> 或 <img align="right" /> 时，图片会脱离文档流，在其父元素设置了 margin 或 padding 的话，都没法使其下移，左移或右移。

十、在 outlook 中，若是嵌套的图片太长，会致使显示不正常，可将图片裁切成几张较短的小图，再进行布局。