我应该将HTML 4.0标记用于我的电子邮件模板吗？

Question

设计人员使用CSS最佳实践对html模板进行编码。我想使用这个模板作为电子邮件新闻模板，但我听说有人说hotmail，yahoo和gmail提供有限的CSS支持。

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

Answer 1

简短的回答是是的。

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

• 请勿使用任何CSS文件或<样式>标签。做一切内联。
• 把手定位与有明确的宽度
  • 我大量使用在这些情况下，HTML注释，以确保我不会弄不清楚我在布局，其中嵌套表。
• 所有文字都应该用<字体包围>带有字体样式信息的标签。
• 图像应该有明确的宽度&高度。
  • 这有助于电子邮件在图像被阻止时保留其正确的布局。

---

我通常在最低限度以下的测试：

• 展望2003
• Outlook 2007中
  • 你大部分的头痛会从这里开始。
• 雷鸟
• 的Entourage（OSX版本的Outlook）
• 的Gmail
• 的Hotmail
• 雅虎邮件

你通常都是在非常良好的状态，如果你得到的东西，表演适当地对所有这些。

我们使用精确目标，他们有一个HTML预览功能，但它并不完美。我碰到，其中电子邮件看着预览不错，但仍然情况很多来通过在Outlook 2007中打破

Answer 2

要建立在什么马克说：

如果可能的话，尽量避免使用所有的CSS（虽然通常可以像文本一样）。使用表格进行所有定位，填充空白<td>元素/更小的定位位。

即使有了这一切，它只会在几个电子邮件程序/网站中看起来很完美。 HTML电子邮件是，我相当有信心说，完全不可能在所有邮件客户端/应用程序中完美展现。上述

Answer 3

马克说，你需要做的开发电子邮件模板一切（这是90年代一遍），但我想添加最后一两件事：

http://www.email-standards.org/是一个很好的资源，看看不同的电子邮件客户端解释HTML和CSS。

Answer 4

你必须回到石器时代的HTML来获得HTML电子邮件来解决Mark的建议。所有样式内嵌在html中。没有STYLE标签或外部样式表。

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

Answer 5

使用固定高度/重量的div标签，并把所有的HTML放在那里。它在大多数客户中看起来是一样的。 Iv'e之前尝试过，它工作正常。