【发布时间】:2022-01-01 05:23:40
【问题描述】:
由于很多电子邮件客户端忽略了 HEAD 标签,我可以在正文中嵌入内联样式表吗?
【问题讨论】:
由于很多电子邮件客户端忽略了 HEAD 标签,我可以在正文中嵌入内联样式表吗?
【问题讨论】:
简短的回答是否定的。 Gmail 会去除标签及其内容。
Hotmail,雅虎! Mail 和 Windows Live Mail 不会去除正文元素中的样式标签。
但请在 Campaign Monitor 上查看 "The Ultimate Guide to CSS" for HTML email。
【讨论】:
<head> 或<body> 中是否出现<style> 元素,Gmail 都会删除它们,但使用putsmail.com 进行的快速测试表明,如果它们出现在<head> 中,它们当前不会被删除。 (不过,Gmail 确实从所有元素中剥离了类和 ID,这降低了它的实用性。)
创建适用于每个电子邮件客户端的 HTML 电子邮件非常困难。我花了几个月的时间来完善一个好看的模板。
http://commadot.com/the-holy-mail/ - 我的发现的原创博客。
http://commadot.com/email-best-practices/ - 最新最棒的。
对您问题的具体回答:Gmail 可以使用 style="",但不能使用 <style> 块。
【讨论】:
您可能想查看 CampaignMonitor 和 MailChimp(编辑: 和 Zurb 的 Ink)提供的免费 html 电子邮件模板:
http://www.campaignmonitor.com/templates/
http://www.mailchimp.com/resources/templates/
此处有更新版的 Campaign Monitor 实用指南: http://www.campaignmonitor.com/css/
不幸的是,在电子邮件中使用的最可靠的 HTML 完全是石器时代
编辑: Ink 有一个“内联”工具,它获取 style 标记的内容并将它们内联到适当的元素上:http://zurb.com/ink/inliner.php
【讨论】:
截至 2016 年 9 月,大多数 gmail 客户端现在都支持嵌入式 CSS,因此应该安全。
https://litmus.com/blog/gmail-to-support-responsive-email-design
【讨论】:
是的,你可以。但是您必须记住,很少有电子邮件客户端尊重 css 标准。只要坚持基本的css属性,如margin和padding等,应该没问题。
您还可以为您的 html 元素内嵌样式 (<div style="">),尽管这不是一个优雅的解决方案。
【讨论】:
最佳答案已过时。 Gmail 现在支持使用媒体查询和其他 CSS 属性 - https://developers.google.com/gmail/design/css
【讨论】: