edm页面制做要注意？

一：概念：

EDM 就是 Electronic Direct Mail 的缩写，即电子直邮。企业能够经过EDM创建同目标顾客的沟通渠道，向其直接传达相关信息，用来促进销售。EDM有多种用途，能够发送电子广告、产品信息、销售信息、市场调查、市场推广活动信息等。

二：注意事项

因为邮箱对HTML页面的渲染与在浏览器中的渲染不一样，渲染能力小了不少，在浏览器中正常显示的效果，在邮件中却会出错，或者没法渲染。须要注意一下几点：

• 页面宽度推荐600-800px,最大不要超过800px;
• 制做html页面时不使用css+div布局，请使用table布局。
• 定义文字和图片样式时，使用行内样式,样式属性分开写不要用缩写例如：margin: 0 auto;定义颜色值最好写成：#ffffff;图片要加上宽高，border="0" ;display:block";alt
• 不使用flash,java,javascript,frames,i-frames,ActiveX以及DHTML,若是页面中的图片必定要是动态的，请将flash文件换成gif动画使用。
• table之外的body,meta,html之类的标签是能够无视的，邮件系统里会把这些过滤掉。
• 若是有多段文字，不要使用回车换行那样会致使代码里自动加入p；
• 最后在邮件顶部写上一句话：“若是您没法查看邮件内容，请点击这里查看”，链到放有一样内容的web页面；
• html代码和图片尽可能不要超过50kb；（各个邮箱收件标准不同，若是超出50kb您的邮件颇有可能会进入垃圾邮箱里）。
• 邮件内的图片地址和全部超连接请不要写本地路径，用绝对路径！
• 在样式中，能够省略font-family属性，但若是font-family后属性值为空，会被qq屏蔽为垃圾邮件
• 邮件中的链接数不要超过10个
• 邮件内容左右居中：给table设置margin: 0px auto 0px auto;和align="center"
• 邮件页面中文字不要出现网址，那样被屏蔽为垃圾邮件的风险很高！
• 在中文输入法下的标点符号可能会显示乱码，尽可能将标点符号转化为英文输入法写的标点符号！
• 若是没有特殊要求，图片的文件名称一概使用小写。
• 不要使用高度太小的图片，outlook2007不能很好地显示高度为1像素的图片，会出现拼合缝隙！
• 切图时须要为文字区域流出必定的边距，因为outlook中默认行间距和字间距大于普通网页，预留边距能够防止出现没必要要的换行和图片缝隙
• 因为hotmail信箱的接收问题，段落之间不要用p标记，用br代替
• tom邮箱排版问题：在代码中尽可能不要使用span标签，使用其余标签代替！
• sohu的邮箱很怪异，会在每一个文本段后面加一个空格，致使布局错乱，个人建议是最好一行文字用一个td,给td定义高度
• 当须要限制行文字高度时, 须同时设置max-height, height, line-height. 这里max-height很重要: 由于gmail会自动把height改为min-height, 这时候你若是不设max-height在gmail里达不到overflow hidden的效果.
• 一些间距, 空白尽可能避免用margin, padding实现, 最好使用td来实现. 由于padding等在outlook客户端上被忽略;
• 全部空行, 线条最好用table元素表示;
• 网址连接要强制折行：work-wrap: break-word;word-break: break-all;

三：edm页面测试
介绍一个EDM测试工具: https://litmus.com/, 给它发邮件后, 它能把你的EDM在全部web, 客户端, 手机端的效果截图出来, 很牛叉, 惋惜是收费的.后面若是有新的, 会再补充进来...
能够看下这里，了解各大邮件系统对html标签属性的支持状况https://www.campaignmonitor.com/css/
四: 其余朋友的总结 http://www.cnblogs.com/dolphinX/p/4082747.html -- 很清晰很全面