编写HTML格式的邮件需注意的地方

前言:在springboot项目中用JavaMailSender发邮件时,想将异常日志添加“点击展示”的js效果。后发现在java后台写入的javascript代码和DOM对象里的onclick方法,在收到邮件后F12查看都不见了。

  网上也查不到类似邮件发送添加javascript的类似案例,后搜到此文,原来邮件服务器端直接过滤掉了js代码...

1、head中的style定义无效:一般写网页,喜欢在head中定义css样式,可惜在HTML格式的邮件中有的邮箱会失效。

2、结构尽量简单,最好使用table布局,可以先使用table作为最大的父级,需要居中,可以是设定align=”center”。这样做可以保证在CSS样式失效、或者html被禁用的情况下最大程度的还原布局和样式。

3、不要使用JavaScript和Flash,一般会被过滤的。

4、使用内联CSS样式,什么元素需要什么样式就用style写内联的CSS,如<td style="color:red">警告</td>,不要引入外部CSS文件,不要使用style标签,Gmail等不支持style标签。

5、不要使用绝对定位,不要使用背景图片,不要使用半透明,不要使用IE滤镜和CSS表达式

6、图片要添加alt及border=0属性,设置alt属性是为了防止图片显示不出来时,至少有文字说明,让用户明白意思。保证在禁用图片的情况下传递有效信息。

7、可为img设置display:block,可用来修复一些电子邮件客户端图片下面空白间距。

8、图片添加宽高属性

9、不要试图使用iframe引入外部页面

10、尽量精简代码,减少图片数量和体积

11、一般使用UTF-8编码

12、尽量使用padding,少用margin,不允许使用margin作为重要的布局依据,不允许使用负margin,避免使用非零和非auto的margin属性。

13、 避免使用list-style来处理列表样式,可以使用  “  •  ”  字符来替代。

原文出处:http://www.studyofnet.com/news/889.html

转载于:https://www.cnblogs.com/Meshuce/p/8295403.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值