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

问题描述:

我目前正在编写一个HTML电子邮件,这是一个friggin噩梦。我已经非常接近完美的设计,但是我的修改处于一个客户端的修复程序为另一个客户端修复程序带来问题的阶段。我在某处阅读(无法找到)该Outlook将#outlook ID应用于电子邮件的正文。如果它发生在许多客户身上,这将会改变生活...... Google也没有结果 - 任何人都可以在这个主题上分享一些智慧的智慧词汇吗?电子邮件客户端是否将特定ID应用于HTML电子邮件?

感谢,

〜哈雷

是的,这并不是什么稀罕事Outlook中添加的ID,MSO标签和其他垃圾的负荷。在通过Outlook观看HTML电子邮件的源代码后,您将看到我的意思。

设置客户端期望HTML电子邮件在所有电子邮件客户端永远不会像素完美是非常重要的。支持正在变得越来越好,但背景图像,CSS和盒子模型最好不过了。

我能给出的最好的建议是用MailChip模板开始,并从那里工作。否则,简单的基于表格的设计会在所有客户中表现最佳。

从MailChip

而且(http://kb.mailchimp.com/article/top-html-email-coding-mistakes/)

链接的CSS文件就不会总是在HTML电子邮件工作,所以你必须使用 内联或嵌入式CSS。通常,当你编写一个网页时,你需要在你的标签之间嵌入嵌入式CSS代码 。但大量的电子邮件 应用程序(特别是基于浏览器的应用程序)剥离HEAD和 您的HTML电子邮件的BODY标签,所以你的CSS也将被剥离。

+0

另外,不要错误地认为像的Campaign Monitor或邮件黑猩猩是最终大名在HTML通讯设计说的错误。我必须完全重写那些来自广告系列监测模板失败的新闻简报 - 这是所谓的专家。他们试图在工作中寻找适合所有客户的快乐媒体,但最终它只是额外的垃圾,并不需要在那里。想要做对吗?回归到基本知识,直到每个人都被赶上了一个适宜的标准 - 或者接受在所有平台上永远不会有平衡。 –

我的智慧语言是基于经验与称为HTML电子邮件的噩梦。有些人总会将自己的垃圾应用于许多元素。所以当你问他们是否添加了一个ID时,我想问什么?你的第一个元素?所有元素?对。他们多次做。许多人不会惹祸。取决于邮件客户端。

我已经为许多大型客户做了HTML电子邮件。最后,最好的做法是走回原始的,老派的HTML。忘记CSS。如果您完全不使用4.0过渡HTML的旧规则以及代码全天候中的所有劣等风格方法来设计和实现HTML通讯,那么您应该对所有客户都有好处。

您可以添加CSS如果你想,但它是这样的,可以和最有可能会更像一个解决方案修补程序依赖性。

+0

嘿伙计,完全让你在噩梦中。当桌面布局取消了CSS2后,我进入了网页设计,所以对我来说这是一个巨大的学习曲线。我大部分都是这样做的,就像我在下面说的那样,我的主要问题是在'background-position:right-4px;'基于webkit的客户端完美地渲染它,然而其他多个客户端将它加倍。有点痛苦。特定的选择器可以解决这个问题,绝大多数情况下......感谢您的智慧词汇:) –

+0

而这种方法本身就表明您正在使用背景图片,我不鼓励html新闻简报。我告诉所有的客户,所有的图像必须是块级别的,没有动态浮动在它们上面。像日期或标题或任何东西。在理想的世界中,选择器可以处理这个问题。但许多邮件客户端只会删除所有的css声明,除了基本的声明。没有我知道的列表。但是像z-索引,位置等等 - 几乎总是被删除。 –

这可能帮助:

<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>