我应该为我的电子邮件模板使用 HTML 4.0 标记吗？答案

【问题标题】：Should I use HTML 4.0 mark up for my email templates?我应该为我的电子邮件模板使用 HTML 4.0 标记吗？
【发布时间】：2010-10-04 13:16:55
【问题描述】：

一位设计师使用 CSS 最佳实践编写了一个 html 模板。我想将此模板用作电子邮件通讯模板，但我听说有人说 hotmail、yahoo 和 gmail 对 CSS 的支持有限。

我应该使用表格布局和字体标签重新编码这些模板吗？

【问题讨论】：

【解决方案1】：

简短的回答是是。

通过尽可能使用最基本和最简单的 HTML，您将获得跨网络邮件帐户和电子邮件客户端的最佳兼容性。

我通常至少测试以下内容：

如果你得到的东西在所有这些上都能正确显示，那么你的状态通常会很好。

我们使用 Exact Target，他们有 HTML 预览功能，但并不完美。我遇到过很多电子邮件在预览中看起来不错，但在 Outlook 2007 中仍然被破坏的情况。

【讨论】：

【解决方案2】：

上面的 Mark 说了开发电子邮件模板所需的一切（又是 90 年代），但我想补充最后一件事：

http://www.email-standards.org/ 是了解不同电子邮件客户端如何解释 HTML 和 CSS 的绝佳资源。

【讨论】：

【解决方案3】：

以马克所说的为基础：

如果可能，尽量避免使用 CSS（不过，对于文本之类的东西通常没问题）。使用表格进行所有定位，空<td> 元素用于填充/较小的定位位。

即使有这一切，它也只会在一些电子邮件程序/网站中看起来很完美。 HTML 电子邮件，我相当有信心地说，完全不可能以这样一种方式完美地显示在所有邮件客户端/应用程序中。

【讨论】：

【解决方案4】：

您必须回到石器时代的 HTML，才能按照 Mark 的建议处理 HTML 电子邮件。 html 中内联的所有样式。没有 STYLE 标记或外部样式表。

MailChimp 和 CampaignMonitor 都提供出色的免费 HTML 电子邮件模板。他们还提供电子邮件测试服务，将您的 html 电子邮件发送到几个不同的电子邮件客户端，然后将结果的屏幕截图发送给您。

【讨论】：

【解决方案5】：

使用具有固定高度/重量的 div 标签并将所有 HTML 放入其中。在大多数客户中看起来都是一样的。我以前试过，效果很好。

【讨论】：