为什么并非所有CSS规则都适用于HTML电子邮件?

时间:2014-04-05 20:31:29

标签: css standards html-email

为什么HTML电子邮件不支持正常定位和HTML标记。

floatbackground-image之类的简单css规则是否有特定原因?我无法想象这些可能会出现我们在普通电子邮件中已经存在的任何安全问题?

我希望任何答案都基于可靠的来源/参考资料,并解释电子邮件客户端中此行为的基本原理。

为什么HTML电子邮件在HTML和CSS方面不符合正常的网络标准。

1 个答案:

答案 0 :(得分:2)

关于HTML电子邮件的一些常规信息:

这是一篇很好的文章,提供了有关HTML电子邮件的提示:the Do's and Don'ts of HTML email

我对CSS问题的解释如下:

  

HTML是一种标记语言,这意味着电子邮件程序需要HTML解析器才能读取它。

     

此外,如您所知,并非所有浏览器都使用相同的渲染引擎或渲染规则。就像浏览器一样,所有HTML解析器都是一样的:每个解析器都会有所不同。

因此float不起作用的原因仅仅是因为电子邮件客户端使用的实现的HTML解析器在解释基于float的布局时并不“好”。

quote

  

因为像Gmail和Outlook 2007这样的客户端支持不佳   floatmarginpadding,您需要使用tables作为框架   你的电子邮件。

因此建议不要使用花车,但这并不意味着它们肯定不会起作用。这取决于电子邮件客户端以及它支持CSS的程度。

我强烈建议您查看此列表,其中显示主要电子邮件客户端的CSS支持:

The Ultimate Guide to CSS in HTML Email

您可以在此处下载完整指南:complete CSS guide for all 18 email clients

总结:

  

与网站一样,不同的电子邮件客户端也有不同的CSS解释和规则。某些电子邮件客户端甚至忽略特定的CSS规最好的解决方案是保证安全,只使用所有(或大多数)电子邮件客户端支持的CSS。