HTML邮件模板踩坑记录

html邮件不同于一般的页面，由于不同的邮箱客户端厂商对于w3c标准实现的不同，加之没有统一的标准，编写html邮件有很多坑，在此记录

放弃div布局

• windows的outlook就不支持div标签。书写html邮件需要使用table进行布局，width可以调整td标签的宽度，推荐使用百分比
• margin在windows不被支持，间距需要用padding
• &nbsp可以用来做空格占位
• 尽量绝对像素长度，保证样式在不同平台和客户端的差异最小化

多平台测试

win和mac的实现又不小差异，测试邮件的时候要覆盖这两个主流平台

内联样式

样式避免包在style标签内，更不要写单独的css文件，统一使用内联样式

参考链接

大漠-html邮件指南