邮件页⾯为何只能Table写及注意事项
编写HTML邮件与编写HTML页⾯有很⼤的不同。因为,各⾯向⽹民的主流邮箱都或多或少的会对它们接收到的HTML邮件在后台进⾏过滤。毫⽆疑问,JS代码是被严格过滤掉的,包括所有的事件监听属性,如onclick、onmouseover,这是基于邮件安全性的考虑。不仅如
此,CSS代码也会被部分过滤。
⼀些编写原则:
1.使⽤table布局⽽⾮div,由于css在众多邮件系统中⽀持差异性,建议table布局,可以省去很多布局样式;
2. 不要在<body>中写样式;因为这个标签在很多邮件系统中是被过滤,甚⾄被替换成各个邮件系统中默认的标签和样式;CSS只可使⽤内联样式表,如:
3.设计之初遵循:图上⽆⽂本,⽂本后⽆底纹的规则
4.所有图⽚使⽤IMG标签,如:<img display:block" "src="" />,最好加上title=””,alt=””
5.多⽤<br />换⾏⽽⾮<p>
6.整体最佳宽度为:550-600pxhtml网页设计 table
7.不使⽤Javascript
全局规则:
1、全局规则之⼀,不要写<style>标签、不要写class,所有CSS都⽤style属性,什么元素需要什么样式就⽤style写内联的CSS。
2、全局规则之⼆,少⽤图⽚,邮箱不会过滤你的img标签,但是系统往往会默认不载⼊陌⽣来信的图⽚,如果⽤了很多图⽚的邮件,在⽚没有载⼊的情况下,丑陋⽆⽐甚⾄看不清内容,没耐⼼的⽤户直接就删除了。图⽚上务必加上alt。
3、不要在style⾥⾯写float、position这些style,因为会被过滤。那么如何实现左右布局或者更复杂的布局呢?⽤table。
4、style内容⾥⾯background可以设置color,但是img会被过滤,就是说不能通过CSS来设置背景图⽚了。

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。