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/