参考文章摘自：http://www.jb51.net/web/23842.html
由于HTML邮件不是独立的HOST在本站的页 面，是寄人篱下的。所以编写HTML邮件与编写HTML页面有很大的不同。因为，各面向网民的主流邮箱都或多或少的会对它们接收到的HTML邮件在后台进 行过滤。毫无疑问，JS代码是被严格过滤掉的，包括所有的事件监听属性，如onclick、onmouseover，这是基于邮件安全性的考虑。不仅如 此，CSS代码也会被部分过滤。如何编写不被各大主流邮箱过滤的，能正常显示的HTML邮件？
首先，我们先来看看邮箱是如何展现HTML邮件的。通过对gmail、hotmail、163、sohu、sina几个邮箱的分析， 邮箱分为两类：
第一类包括gmail、hotmail、sohu，这类邮箱，邮件内容是被布局在整个邮箱页面中的某个div中。如图：
第二类，包括163、sina，这类邮箱，邮件内容被布局在独立的iframe中。如图：
熟悉HTML的朋友都知道，iframe内容是作为独立的document，与父页面的元素和CSS是互不相干的，几乎可以作为一个独立的页面来对 待。而如果如果邮件内容是在div中，那么邮件内容是作为整个邮箱页面的一个组成部分。显然，以iframe作为展现方式的邮箱，对邮件内容就会宽容许 多，因为它给了你一个足够独立的表现空间。而div就不是那么客气了。试想一下，如果你在你的邮件里写上这么一句CSS，是不是整个邮箱的展现页面上字体 都变成20px而因此乱了套：
<style type=”text/css”>
body {font-size:20px}
</style>
我们需要写兼容各邮箱的统一邮件模板，那么必然就要避开以上这种外联CSS写法，另外类似于float、position等成非正常内容流的style也会被过滤，假如你写了，很可能会影响到外部邮箱的表现。
下面列出一些编写原则：
1、全局规则之一，不要写<style>标签、不要写class，所有CSS都用style属性，什么元素需要什么样式就用style写内联的CSS。
2、全局规则之二，少用图片，邮箱不会过滤你的img标签，但是系统往往会默认不载入陌生来信的图片，如果用了很多图片的邮件，在片没有载入的情况下，丑陋无比甚至看不清内容，没耐心的用户直接就删除了。图片上务必加上alt。
3、不要在style里面写float、position这些style，因为会被过滤。那么如何实现左右布局或者更复杂的布局呢？用table。
4、style内容里面background可以设置color，但是img会被过滤，就是说不能通过CSS来设置背景图片了。但是有一个很有意思的元素 属性，也叫background，里面可以定义一个图片路径，这是个不错的替代方案，虽然这样功能有限，比如无法定位背景图片了，有总比没有好。例如要给 一个单元格加一个背景，必须这样写：
<td background=”http://image1.koubei.com/images/common/logo_koubei.gif”></td>
5、div模式的邮箱不支持flash，iframe模式的有待验证。
最后提一句，sohu的邮箱很怪异，会在每个文本段后面加一个空格，导致原本正常的排版一行放不下而换行，从而使某些布局错乱。所以，如果你要兼容sohu邮箱的话，遇到一些紧凑的布局就要格外小心了，尽量减少文本段的数量，留足宽度。
邮件页面的设计与网页页面设计有哪些不同呢? 此段出自：http://blog.sina.com.cn/s/blog_67dfb79501016lse.html
| 邮件页面 | 网站页面 | 相似性 | |
| 尺寸 | 600像素以内
无论使用Outlook这样的邮件软件，还是通过Web方式登录邮件系统，邮件正文页面所占有的屏幕宽度是有限的，因此过宽的页面设计，将造成浏览邮件的不变，使收件人感到不喜欢，影响内容信息的传递 |
980象素左右
随着显示屏分辨率普遍在1024象素以上，页面的宽度也普遍调整为980像素左右的宽度 |
不同 |
| 页面长度 | 1.5屏以内
邮件内容过多，将削弱核心信息的印象，与此同时，过长的邮件正文造成代码容量过大，易被认定为垃圾邮件。 一般来说25K以内的邮件大小较为合适。 |
3屏以内
页面长度根据内容确定，访问者对页面长度并不十分敏感 |
可相同 |
| 图片数量 | 少为宜
尽量使用较少的图片，过多的图片会被邮件运营商认定为垃圾邮件而拒收。 由于大图片下载和显示的时间较长，因此很多设计师习惯切割成很多小图来加快显示速度，但这种方式不适合于邮件设计 |
多为宜
多图，美化了页面效果，同时大图片的切割显示技术令网页呈现速度快， |
不同 |
| DIV+CSS设计技术 | 不能用
出于安全和反垃圾邮件机制的原因，邮件软件一般在用户许可前，不显示图片，因此采用这些流行页面设计技术来制作邮件，会造成页面格式的混乱。 因此，邮件设计最好采用Table设计 |
适合用
这些技术能使得页面做的更灵活，优化了页面体验和观感， |
不同 |
| 脚本 | 不支持
出于安全的考虑，邮件系统不支持脚本设计，因此表单、Flash、音频等素材，不能在邮件页面中设计 |
支持 | 不同 |
| 链接 | 绝对链接地址
由于邮件软件系统解析的问题，相对的链接地址可能造成图片无法准确显示，因此在邮件设计中，一定要采用绝对链接地址的方式来设计。 其次图片链接最好不要使用标签，易被判定为垃圾邮件 |
相对链接地址
支持相对链接地址 |
不同 |