Css 电子邮件客户端是否将特定ID应用于HTML电子邮件?

Css 电子邮件客户端是否将特定ID应用于HTML电子邮件?,css,html-email,email-client,Css,Html Email,Email Client,我目前正在编写一封HTML电子邮件,这简直是一场噩梦。我正接近完美的设计,但我的修改正处于一个客户端的修复程序会给另一个客户端的修复程序带来问题的阶段。我在某个地方读到(找不到)outlook在电子邮件正文中应用了#outlook ID。如果发生在许多客户身上,这将改变他们的生活。。。谷歌也是徒劳的——那么有人能在这个话题上分享一些智慧的话语吗 谢谢 ~Harley是的,Outlook添加ID、MSO标签和大量其他垃圾并不少见。只要在HTML电子邮件通过outlook后查看其来源,您就会明白我的

我目前正在编写一封HTML电子邮件,这简直是一场噩梦。我正接近完美的设计,但我的修改正处于一个客户端的修复程序会给另一个客户端的修复程序带来问题的阶段。我在某个地方读到(找不到)outlook在电子邮件正文中应用了#outlook ID。如果发生在许多客户身上,这将改变他们的生活。。。谷歌也是徒劳的——那么有人能在这个话题上分享一些智慧的话语吗

谢谢


~Harley

是的,Outlook添加ID、MSO标签和大量其他垃圾并不少见。只要在HTML电子邮件通过outlook后查看其来源,您就会明白我的意思

设置客户端的期望值很重要,即HTML电子邮件在所有电子邮件客户端中永远不会是像素完美的。支持越来越好,但背景图像、CSS和框模型充其量也不稳定

我能给出的最好建议是从模板开始,然后从模板开始工作。否则,简单的、基于表格的设计在所有客户中效果最好

也来自MailChip(http://kb.mailchimp.com/article/top-html-email-coding-mistakes/)

链接的CSS文件在HTML电子邮件中并不总是有效,所以您必须使用 内联或嵌入式CSS。通常,在编写网页代码时 标签之间嵌入的CSS代码。但是有很多电子邮件 应用程序(尤其是基于浏览器的应用程序)去掉头部和 HTML电子邮件的正文标记,因此CSS也将被剥离


我的智慧之言是基于一个叫做HTML电子邮件的噩梦。 有些人总是将自己的垃圾应用于许多元素。所以当你问他们是否添加ID时,我问添加到什么?你的第一要素?所有元素?是的。很多时候是这样。很多人不会搞得太多。取决于邮件客户端

我已经为许多大型客户发送了HTML电子邮件。最后,最佳实践是回到原始的、老派的html。忘记CSS吧。如果您完全基于4.0过渡HTML的旧规则和代码大潮中的所有低级样式方法来设计和实现HTML时事通讯,那么您应该在所有客户机中都表现出色

如果需要,您可以添加css,但它的依赖关系可能更像补丁,而不是解决方案。

这可能会有帮助:

<html>
<body>

<!--[if gte mso 9]><![endif]–>
gte mso 9
<!–[if gte mso 9]><![endif]–>

<!--[if !gte mso 9]><!---->
!gte mso 9
<!--<![endif]-->

<!--[if !mso]><!-->
!mso
<!--<![endif]-->

</body>
</html>

!gte mso 9
!mso

嘿,伙计,让你彻底陷入噩梦。我刚开始网页设计时,表格布局被取消,取而代之的是CSS2,所以这对我来说是一个巨大的学习曲线。我大部分都是这样做的——就像我下面说的,我的主要问题是在
背景位置:右-4px基于webkit的客户端完美地呈现了它,但是其他多个客户端将其加倍。有点痛。特定的选择器将在很大程度上解决这个问题。。。谢谢你的睿智的话语:)而这个方法本身就表明你正在使用背景图像,我不鼓励你在html时事通讯中使用背景图像。我告诉所有的客户,所有的图像都必须是块级的,上面没有动态的浮动。比如日期、标题之类的。在理想情况下,选择器可以处理这一问题。但是许多邮件客户端只会删除除基本css声明之外的所有css声明。据我所知,没有名单。但是,像z-index、position等东西几乎总是被删除的。另外,不要错误地认为,在html时事通讯设计中,像campaign monitor或mail chimp这样的大名是最终发言权。我必须完全重写竞选监视器(campaign monitor)的时事通讯,该监视器是一位所谓的这方面的专家,它的模板失败了。他们试图为所有客户寻找一个快乐的媒介,但最终这只是多余的垃圾,不需要存在。想把它做好吗?回到基础上来,直到每个人都达到了适合居住的标准——或者接受在所有平台上永远不会有平衡。