邮件页面为何只能Table写及注意事项
编写HTML邮件与编写HTML页面有很大的不同。因为，各面向网民的主流邮箱都或多或少的会对它们接收到的HTML邮件在后台进行过滤。毫无疑问，JS代码是被严格过滤掉的，包括所有的事件监听 属性，如onclick、onmouseover，这是基于邮件安全性的考虑。不仅如此，CSS代码也会被部分过滤。
一些编写原则：
1.使用table布局而非div,由于css在众多邮件系统中支持差异性，建议table布局，可以省去很多布局样式；
2. 不要在<body>中写样式；因为这个标签在很多邮件系统中是被过滤，甚至被替换成各个邮件系统中默认的标签和样式；CSS只可使用内联样式表 ，如：style="margin:0;"
3.设计之初遵循： 图上无文本，文本后无底纹 的规则
4.所有图片使用IMG标签，如：<img style="style="display:block" "src="" />,最好加上title=””,alt=””
5.多用<br />换行而非<p>
6.整体最佳宽度为：550-600px
7.不使用Javascript
全局规则:
1、全局规则之一，不要写<style>标签、不要写class，所有CSS都用style属性，什么元素需要什么样式就用style写内联的CSS。
2、全局规则之二，少用图片，邮箱不会过滤你的img标签，但是系统往往会默认不载入陌生来信的图片，如果用了很多图片的邮件，在片没有载入的情况下，丑陋无比甚至看不清内容，没耐心的用户直接就删除了。图片上务必加上alt。
3、不要在style里面写float、position这些style，因为会被过滤。那么如何实现左右布局或者更复杂的布局呢？用table。
4、style内容里面background可以设置color，但是img会被过滤，就是说不能通过CSS来设置背景图片了。
posted on 2016-04-20 17:46 ranyonsue 阅读(3607) 评论(0) 编辑 收藏 举报
