邮件页面为何只能Table写及注意事项
2016-04-20 17:46
281 查看
编写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来设置背景图片了。
一些编写原则:
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来设置背景图片了。
相关文章推荐
- 二叉树
- HDU 1907 John
- android多线程并发协调semaphore机制
- Spring HTTP Invoker使用介绍
- hiho 42 骨牌覆盖问题·二
- JSP杂项知识
- HTML DOM 属性
- 编译原理 词法分析
- JS性能优化笔记
- “并发用户数”、“系统用户数”和“同时在线用户数”的计算公式
- android开发 根据上传图片张数变换不同的布局
- iftop监控网卡,ip流量
- Sublime text 3 最新版 注册码 破解
- Configure,Makefile.am, Makefile.in, Makefile文件之间关系
- 取硬币问题
- c++11 线程池
- JDK容器与并发—并发
- LeetCode *** 92. Reverse Linked List II
- Linux Grub系统加密、破密、修复
- JDK容器与并发—Queue—LinkedBlockingQueue