发送邮件到qq邮箱、126邮箱后丢失样式

本文探讨了使用Java发送HTML邮件到QQ邮箱及126邮箱时遇到的样式丢失问题。通过对比不同类型的CSS应用方式(外部样式表、内部样式表、内联样式),找到了一种能够使所有主流邮箱客户端正确解析样式的解决方案。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

发送邮件到qq邮箱、126邮箱丢失样式

使用java发送html到qq邮箱后,发现采用“外部样式表”的css都没有
外部样式表:

<link rel="stylesheet" type="text/css" href="css/my.css">

推测邮箱是从出于安全策略(推测是防止CSRF跨站请求伪造)才会过滤掉外部引用的,为了绕过这个拦截,改为使用“内部样式表”写法

<head>
    <style type="text/css">

    </style>
</head>

发送后qq邮箱可以了,但是126邮箱不行,126邮箱比qq邮箱更严格,居然把style标签里的内容全部过滤掉了,这说明不同的邮箱过滤策略不一样。
那大企业发的邮件,为啥样式都显示正常?为了一探究竟就找了领英的邮件看了看,发现它将样式都写在标签了,也就是“内联式”写法。
这里写图片描述

发送邮件的邮件内容,可以去掉head、body,只留需要的部分,因为,邮箱会过滤head、body,并将这个两个标签的样式全部过滤掉,所以发送html邮件时,直接上内容就好,比如

   <div style="background-image: url('http://domain:port/a.png');font-size:14px;">
      <h1 style="text-align: center;">邮件标题</h1>
      <p>邮件内容</p>
    </div>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值