我应该为我的电子邮件模板使用HTML4.0标记吗?

我应该为我的电子邮件模板使用HTML4.0标记吗?,html,email,newsletter,Html,Email,Newsletter,设计师使用CSS最佳实践编码html模板。我想使用这个模板作为电子邮件时事通讯模板,但我听说有人说hotmail、yahoo和gmail对CSS的支持有限 我应该使用表格布局和字体标签重新编码这些模板吗?简短的回答是是 通过使用最基本、最简单的HTML,您将获得Web邮件帐户和电子邮件客户端之间的最佳兼容性 不要使用任何CSS文件或标签。做所有事情内联 使用具有显式宽度的嵌套表处理定位 在这些情况下,我大量使用HTML注释,以确保我不会对自己在布局中的位置感到困惑 所有文本都应该由带有字体

设计师使用CSS最佳实践编码html模板。我想使用这个模板作为电子邮件时事通讯模板,但我听说有人说hotmail、yahoo和gmail对CSS的支持有限


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

简短的回答是

通过使用最基本、最简单的HTML,您将获得Web邮件帐户和电子邮件客户端之间的最佳兼容性

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

我通常至少测试以下各项:

  • 展望2003
  • 展望2007
    • 你的大部分头痛都来自这里
  • 雷鸟
  • 随行人员(Outlook的OSX版本)
  • Gmail
  • Hotmail
  • 雅虎邮件
如果你在所有这些照片上都能正确地看到一些东西,你的身体通常会很好


我们使用精确的目标,他们有一个HTML预览功能,但它并不完美。我遇到过很多这样的情况,一封电子邮件在预览中看起来不错,但在Outlook 2007中仍然被破坏。

根据Mark的话:

如果可能的话,尽量避免使用CSS(尽管对于文本这样的东西通常是可以的)。使用表格进行所有定位,空的
元素用于填充/较小的定位位


即使有了这些,它也只会在一些电子邮件程序/网站上看起来很完美。我很有信心地说,HTML电子邮件完全不可能在所有邮件客户端/应用程序中完美地显示出来。

上面Mark提到了开发电子邮件模板所需的一切(现在又是90年代),但我想补充最后一件事:


查看不同的电子邮件客户端如何解释HTML和CSS是一个很好的资源。

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


两者都提供优秀的免费HTML电子邮件模板。它们还提供电子邮件测试服务,将您的html电子邮件发送到多个不同的电子邮件客户端,然后向您发送结果的屏幕截图。

使用具有固定高度/宽度的div标记,并将所有html放在其中。在大多数客户身上看起来都一样。我以前试过,效果很好。

+1。甚至不要考虑使用。。。。Webmail客户端通常会删除所有人的答案