EDM制作心得 2013-12-05 17:01:26

EDM既是邮箱广告 制作EDM时有几个注意事项,把它搞定后,可以减少后期许多兼容性的麻烦。 

EDM毕竟不是单纯的网页,它不仅仅要用table做,还受到各大邮箱自身规则的制约,兼容性比网站在IE6的兼容性调整还要恶心。  

首先是提醒,制作EDM时,不要使用定位、不要使用p标签、strong标签等,文字最好使用a标签,不要使用外嵌,只能用行间样式,比如说一行文字,可以<a style=”display:block”></a>这样。 

为什么不要用p、strong、span这些标签呢? 

原因很简单,这是我亲身体验,血的教训,在hotmail或者Gmail里,它自身都有p、strong这些常用标签的默认样式,

你如果用了,调起来就麻烦了!

并且,像QQ之类的邮箱,这些默认样式就比较少,所以到时候出问题调整,往往会调好hotmail和Gmail,常规邮箱却出了问题。 因此,使用a标签刚刚好,大胆的用行内样式吧,因为邮件毕竟不同于网站,无需后期太多的维护。 

其次,邮件不需要与搜索引擎友好,因此只要管用,不用太在意什么语义化之类的,当然最好语义化。 其次就是样式上的问题,尽量使用行内的css来设定。 

 以上是提醒。 接下来是写table时需要注意的两点,根据实战,我觉得两点就够了。 

1、给td用style加“BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; LINE-HEIGHT: 0; BORDER-TOP: medium none; BORDER-RIGHT: medium none; font-size:0;”,这样可以针对绝大多数邮箱,清除外间距、内间距,最后的font-size:0主要是针对IE的。

2、给img加 style=”border:0; vertical-align: bottom;” 清楚img的边框,清楚img的间距,这个主要是针对hotmail这一类浏览器的,Gmail到是还好,毕竟Gmail我记得是不支持低级浏览器的。 

完。


  1. Laravel5.7
  2. 微信相关
  3. Mysql
  4. 前端开发
  5. 随记
  6. 写作素材
  7. 开发工具
  8. 互联网