我应该使用HTML 4.0标记我的电子邮件模板吗?

时间:2009-01-30 19:19:40

标签: html email newsletter

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

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

5 个答案:

答案 0 :(得分:11)

简短的回答是

您将获得跨网络邮件帐户的最佳兼容性&通过使用最基本和最简单的HTML来为客户发送电子邮件。

  • 不要使用任何CSS文件或< style>标签。 一切内联。
  • 使用具有显式宽度的嵌套表处理定位
    • 我在这些情况下大量使用HTML注释,以确保我不会对我在布局中的位置感到困惑。
  • 所有文字都应该被< font>包围带有字体样式信息的标签。
  • 图片应具有明确的宽度&高度。
    • 这可以帮助电子邮件在图像被阻止时保持正确的布局。

我通常会至少测试以下内容:

  • Outlook 2003
  • Outlook 2007
    • 你的大部分头痛都来自这里。
  • 雷鸟
  • Entourage(OSX版本的Outlook)
  • 的Gmail
  • 的Hotmail
  • Yahoo Mail

如果你能得到适合所有这些东西的东西,你通常会处于非常好的状态。

我们使用Exact Target并且他们有HTML预览功能,但它并不完美。我遇到了很多的情况,其中电子邮件在预览中看起来不错但在Outlook 2007中仍然存在问题。

答案 1 :(得分:4)

上面标记说你需要做的所有事情来开发电子邮件模板(这是90年代的重复),但我想补充一点:

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

答案 2 :(得分:1)

以Mark所说的为基础:

如果可能的话,完全避免使用CSS(但是,对于像文本这样的东西,它通常是正常的)。将表用于所有定位,空<td>元素用于填充/较小的定位位。

即便如此,它只会在一些电子邮件程序/网站中看起来很完美。 HTML电子邮件是,我相当自信地说,完全不可能在所有邮件客户端/应用程序中完美显示。

答案 3 :(得分:1)

你必须回到石头时代的HTML来获取HTML电子邮件,就像马克建议的那样。所有样式都内嵌在html中。没有STYLE标签或外部样式表。

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

答案 4 :(得分:1)

使用固定高度/重量的div标签,并将所有HTML放在那里。在大多数客户端看起来都一样。我之前尝试过,它运行正常。