编写email邮件的HTML页面原则小结

网页邮件与独立网页的HTML有所不同，尤其是在设计HTML邮件时面临的挑战更是独一无二。各大主流服务器为了保障邮件的安全性，会在后台对接收到的HTML邮件进行严格的过滤。其中，JS代码，包括所有的事件监听属性如onclick、onmouseover等无一例外会被过滤掉。除此之外，CSS代码也会被部分过滤。如何编写一份能被各大接受且正常显示的HTML邮件，是一项至关重要的技术挑战。

我们需要理解是如何处理和展示HTML邮件的。通过观察gmail、hotmail、163、sohu以及sina等的处理方式，我们可以将分为两类：一类是将邮件内容布局在div中，另一类则是将邮件内容布局在独立的iframe中。

对于第一类，邮件内容是作为整个页面的一个组成部分，因此在编写邮件时我们需要格外注意样式的使用，避免使用可能会影响到整个页面布局的CSS样式，如font-size等。而对于第二类，由于其将邮件内容布局在独立的iframe中，给了我们足够的表现空间，因此在编写这类邮件时相对会更加灵活。

在编写兼容各的统一邮件模板时，我们需要遵循一些原则。避免使用style标签和class属性，所有CSS都通过内联方式写在style属性中。尽管不会过滤img标签，但系统往往会默认不载入陌生来信的图片，因此应尽量减少图片的使用，同时确保每张图片都有alt属性。避免在style中使用float、position等可能会被过滤的样式，而通过使用table来实现复杂的布局。虽然无法通过CSS设置背景图片，但可以利用单元格的background属性来定义图片路径，尽管这可能会限制背景图的功能，如无法定位。值得注意的是，某些如sohu会有特殊的处理方式，需要我们格外注意布局的设计。

编写HTML邮件需要我们深入理解不同的处理方式并遵循一些原则。只有这样，我们才能编写出既安全又美观的HTML邮件，确保它们能够在各种中正常显示而不被过滤。