群发邮件是一种常见的网站营销模式，作为前端人员，必须进一步研究和理解“邮件页面”的重构。
回忆起我第一次做邮件页面的时候，原来一个很简单的布局设计，半个小时左右就能搞定，但是email从头到尾出去完美了3个小时。其实现在想想，一开始太天真了，哈哈！！
为什么呢？原因是“邮件页面”和“普通页面”的重构混为一谈。
目前，面向网民的主流邮箱或多或少会在后台过滤他们收到的HTML邮件。毫无疑问，JS代码被严格过滤掉，包括所有事件监控属性，如onclick、onmouseover，这是基于邮件安全的考虑。不仅如此，CSS代码也会部分过滤。
那么我们在重构“邮件页面”时应该注意什么呢？我自己总结了以下几点:
◆ 风格必须采用内联方式，而不是外联方式。比如<div style=”font-size:12px”>内容…</div>；
◆ 大框架采用table布局；
◆ 尽量使用图片，少使用背景，图片必须设置宽度和高度，以及alt属性，避免图片不显示；
◆ 如果使用背景图片，也可以。但是有些邮箱不支持在css中定义background中的image，包括background:url(“.”-image:url(..)，比如gmail。解决方案：在div外加一层 <table>和<td>并在<td>background属性可以正常显示。例如：
- <table>
- <tr>
- <td background=”https://www.jiangweishan.com/xxx.jpg”>
- <div>test</div>
- </td>
- </tr>
- </table>
目前总结以上几点。希望对大家有所帮助。如果你有更多关于“邮件页面”重构的经验，可以留言，一起进步。
