编写兼容的网页
几乎每个会员制网站都需要通过后台发送邮件来与会员进行沟通，如注册确认、营销推广。这些由站方发给会员的信件，往往纯文本格式已不能满足界面和交互的要求，这时候我们就需要发送HTML页面。由于HTML邮件不是独立的HOST在本站的页面，是寄人篱下的。所以编写HTML邮件与编写HTML页面有很大的不同。因为，各面向网民的主流邮箱都或多或少的会对它们接收到的HTML邮件在后台进行过滤。毫无疑问，JS代码是被严格过滤掉的，包括所有的事件监听属性，如onclick、onmouseover，这是基于邮件安全性的考虑。不仅如此，CSS代码也会被部分过滤。本人要讲的就是如何编写不被各大主流邮箱过滤的，能正常显示的HTML邮件。
首先，我们先来看看邮箱是如何展现HTML邮件的。我本人没有做过邮件系统，况且各大邮箱后台的过滤算法也不是那么容易可以让外人知道的。所以，我们只能通过前端展现，来推测哪些是被邮箱接受的写法，而哪些又是会被过滤掉的。通过对gmail、hotmail、163、sohu、sina几个邮箱的分析，我把邮箱分为两类：
第一类包括gmail、hotmail、sohu，这类邮箱，邮件内容是被布局在整个邮箱页面中的某个div中。
第二类，包括163、sina，这类邮箱，邮件内容被布局在独立的iframe中，iframe内容是作为独立的document，与父页面的元素和CSS是互不相干的，几乎可以作为一个独立的页面来对待。而如果如果邮件内容是在div中，那么邮件内容是作为整个邮箱页面的一个组成部分。显然，以iframe作为展现方式的邮箱，对邮件内容就会宽容许多，因为它给了你一个足够独立的表现空间。
下面列出一些编写原则：
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邮箱的话，遇到一些紧凑的布局就要格外小心了，尽量减少文本段的数量，留足宽度。
通过邮件发送网页内容
1、通过IE,打开具体要发送的网页，然后通过操作“工具-邮件和新闻——发送网页”接着就会进入outlook的界面，利用outlook发送网页到指定的邮箱地址
2、通过Foxmail 发送网页
(1)保存要发送的页面。在 “页面”-“另存为”-保存类型“网页，全部（*.htm，*.html）”，(如：lf.htm)，编码为简体中文(GB23120) 然后保存。
(2) 将下载的网页lb.htm及lb.files文件夹一并复制到 “*/Foxmail/Template/new” 目录下,
(3)在Foxmail里点击 “撰写 -> 自定义” 就能看到刚才放进去的网页，选中以后就可以直接发送这个文件了。
需要注意的是两点：
@网页的文件名需要htm结尾，不能以html结尾；
@网页的编码需要采用GB2312，不能用UTF-8。
3, 通过网页邮箱发送网页内容
用 163 实现发网页步骤如下：
(1)在你想要发送的网页空白处右击，选择“查看源文件”，可以在看到源码。ctl+a和ctl+c复制所有的源码。
(2)点写信，点 工具栏 的“全部功能”，会出现下面一排工具栏，选择最后一个<>编辑源码。ctl+v粘贴源码。可以再次点击 <>编辑源码 按钮，恢复界面查看。
编写兼容的网页
几乎每个会员制网站都需要通过后台发送邮件来与会员进行沟通，如注册确认、营销推广。这些由站方发给会员的信件，往往纯文本格式已不能满足界面和交互的要求，这时候我们就需要发送HTML页面。由于HTML邮件不是独立的HOST在本站的页面，是寄人篱下的。所以编写HTML邮件与编写HTML页面有很大的不同。因为，各面向网民的主流邮箱都或多或少的会对它们接收到的HTML邮件在后台进行过滤。毫无疑问，JS代码是被严格过滤掉的，包括所有的事件监听属性，如onclick、onmouseover，这是基于邮件安全性的考虑。不仅如此，CSS代码也会被部分过滤。本人要讲的就是如何编写不被各大主流邮箱过滤的，能正常显示的HTML邮件。
首先，我们先来看看邮箱是如何展现HTML邮件的。我本人没有做过邮件系统，况且各大邮箱后台的过滤算法也不是那么容易可以让外人知道的。所以，我们只能通过前端展现，来推测哪些是被邮箱接受的写法，而哪些又是会被过滤掉的。通过对gmail、hotmail、163、sohu、sina几个邮箱的分析，我把邮箱分为两类：
第一类包括gmail、hotmail、sohu，这类邮箱，邮件内容是被布局在整个邮箱页面中的某个div中。
第二类，包括163、sina，这类邮箱，邮件内容被布局在独立的iframe中，iframe内容是作为独立的document，与父页面的元素和CSS是互不相干的，几乎可以作为一个独立的页面来对待。而如果如果邮件内容是在div中，那么邮件内容是作为整个邮箱页面的一个组成部分。显然，以iframe作为展现方式的邮箱，对邮件内容就会宽容许多，因为它给了你一个足够独立的表现空间。
下面列出一些编写原则：
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邮箱的话，遇到一些紧凑的布局就要格外小心了，尽量减少文本段的数量，留足宽度。
通过邮件发送网页内容
1、通过IE,打开具体要发送的网页，然后通过操作“工具-邮件和新闻——发送网页”接着就会进入outlook的界面，利用outlook发送网页到指定的邮箱地址
2、通过Foxmail 发送网页
(1)保存要发送的页面。在 “页面”-“另存为”-保存类型“网页，全部（*.htm，*.html）”，(如：lf.htm)，编码为简体中文(GB23120) 然后保存。
(2) 将下载的网页lb.htm及lb.files文件夹一并复制到 “*/Foxmail/Template/new” 目录下,
(3)在Foxmail里点击 “撰写 -> 自定义” 就能看到刚才放进去的网页，选中以后就可以直接发送这个文件了。
需要注意的是两点：
@网页的文件名需要htm结尾，不能以html结尾；
@网页的编码需要采用GB2312，不能用UTF-8。
3, 通过网页邮箱发送网页内容
用 163 实现发网页步骤如下：
(1)在你想要发送的网页空白处右击，选择“查看源文件”，可以在看到源码。ctl+a和ctl+c复制所有的源码。
(2)点写信，点 工具栏 的“全部功能”，会出现下面一排工具栏，选择最后一个<>编辑源码。ctl+v粘贴源码。可以再次点击 <>编辑源码 按钮，恢复界面查看。
