邮件页面为何只能Table写及注意事项

简介: 编写HTML邮件与编写HTML页面有很大的不同。因为,各面向网民的主流邮箱都或多或少的会对它们接收到的HTML邮件在后台进行过滤。毫无疑问,JS代码是被严格过滤掉的,包括所有的事件监听 属性,如onclick、onmouseover,这是基于邮件安全性的考虑。

编写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来设置背景图片了。

 

相关文章
MAC使用CodeSign查看已签名的文件的数字签名情况
MAC使用CodeSign查看已签名的文件的数字签名情况
927 0
启动报错:java.nio.charset.MalformedInputException: Input length = 1
启动报错:java.nio.charset.MalformedInputException: Input length = 1
1303 0
|
Serverless C++ 计算机视觉
OpenCV中phase函数计算方向场
一、函数原型 ​该函数参数angleInDegrees默认为false,即弧度,当置为true时,则输出为角度。 phase函数根据函数来计算角度,计算精度大约为0.3弧度,当x,y相等时,angle为0。
2473 0
|
编解码 人工智能 API
通义万相2.1视频/图像模型新升级!可在阿里云百炼直接体验
通义万相2.1模型推出新特征,包括复杂人物运动的稳定展现、现实物理规律的逼真还原及中英文视频特效的绚丽呈现。通过自研的高效VAE和DiT架构,增强时空上下文建模能力,支持无限长1080P视频的高效编解码,并首次实现中文文字视频生成功能。升级后的通义万相荣登VBench榜单第一,提供电影级分镜效果、四格漫画故事速览及情侣头像创意定制等多种玩法,满足多样化的视觉创作需求。可直接在阿里云百炼平台调用API体验这些功能。
4431 0
|
Linux 数据安全/隐私保护
适用于 Linux 的最佳命令行下载加速器
适用于 Linux 的最佳命令行下载加速器
|
传感器 监控 物联网
无线传感器网络的基本架构及其广泛应用
无线传感器网络的基本架构及其广泛应用
1175 1
|
IDE Java 开发工具
灵活配置 Spring 集合:List、Set、Map、Properties 详解
使用<property>标签的value属性配置原始数据类型和ref属性配置对象引用的方式来定义Bean配置文件。这两种情况都涉及将单一值传递给Bean
522 1
|
搜索推荐 算法 UED
技术文档指南:版本说明、网站文案、FAQ、案例研究与内容优化
Release Notes 通常是软件文档的一部分,是在新产品发布时提供给用户的简短、高级摘要。它们包含有关更新的重要信息,包括新功能、增强功能、错误修复,通常还包括已知问题。每个版本说明与特定软件版本相关联,并帮助用户了解该特定版本中可以期待的哪些更改或改进。有效的版本说明将以用户为中心的方式讨论新功能或增强功能,识别用户需要执行的任何操作,突出已知问题和解决方法,并在必要时包含指向更详细信息的链接。它使用户能够更有效地使用软件并解决潜在问题。
522 0

热门文章

最新文章