我可以在HTML文件的正文中放置<style> ... </ style>标记以通过电子邮件发送吗?

Man*_*anu 41 html css email

由于很多电子邮件客户端忽略了HEAD标记,我可以在体内嵌入内联样式表吗?

cll*_*pse 57

最简洁的答案是不.Gmail会删除标记及其内容.

Hotmail,Yahoo!Mail和Windows Live Mail不会在body-element中删除样式标记.

但是,请在Campaign Monitor上查看HTML电子邮件的"终极指南".

  • 您链接到的指南要么过时,要么出错,这似乎是一个重要的观点.它表明Gmail会删除`<style>`元素,无论它们是出现在`<head>`还是`<body>`,但使用http://putsmail.com/进行的快速测试表明它们目前是如果它们出现在`<head>`中,则不会被剥离.(但Gmail会从所有元素中删除类和ID,这会降低其实用性.) (8认同)
  • 是和不是。对于大多数客户,您不能在电子邮件正文中使用 &lt;style /&gt;,但可以在 HEAD 中使用 &lt;style /&gt;:https://www.campaignmonitor.com/css/style-element/style-in-head / (4认同)
  • 这在 2018 年现在仍然有意义吗? (3认同)

Gle*_*pka 9

创建适用于每个电子邮件客户端的HTML电子邮件很难.我花了几个月的时间来完善一个好看的模板.

http://commadot.com/the-holy-mail/ - 我的调查结果的原始博客.

http://commadot.com/email-best-practices/ - 最新的.

您问题的具体答案:Gmail可以使用,style=""但不能使用<style>块.


And*_*ord 8

您可能想要查看CampaignMonitor和MailChimp(编辑:和Zurb的Ink)提供的免费html电子邮件模板:

http://www.campaignmonitor.com/templates/

http://www.mailchimp.com/resources/templates/

http://zurb.com/ink/

这里有Campaign Monitor的有用指南的更新版本:http: //www.campaignmonitor.com/css/

不幸的是,在电子邮件中使用的最可靠的HTML完全是石器时代

编辑:墨水有一个"内联"工具,它采用style标签的内容并将它们内联到适当的元素:http://zurb.com/ink/inliner.php


Chr*_*lla 5

截至 2016 年 9 月,大多数 Gmail 客户端现在都支持嵌入式 CSS,因此应该是安全的。

https://litmus.com/blog/gmail-to-support-responsive-email-design