在电子邮件中使用什么版本的HTML?

时间:2012-02-03 21:50:24

标签: html email xhtml compatibility

为了获得最佳的邮件客户端兼容性,您推荐使用哪种版本的html?

HTML 3.2
HTML 4.01过渡时期 HTML 4.01严格
XHTML 1.0
XHTML 2.0
HTML 5

你建议我使用什么?

BR
安德烈亚斯

4 个答案:

答案 0 :(得分:5)

如果您认为browser-html是碎片化的,那么您将使用email-html解决问题。你经常没有提供doctype(区分过渡/严格等)的奢侈...即使你提供一个很多客户也会忽略它。当您拥有网络邮件查看器时,这会变得更加复杂 - 这些页面已经拥有自己的文档类型,因此他们不会关注您的文档。

一旦你过去了(因为 - 甚至不担心它),你会发现提供了非常有限的布局选项...... CSS只是模糊地支持......而不是每个客户都支持( excellent guide here)。表设计将重新进入,你会发现自己为了让它看起来可读而哭泣你所要做的事情(更不用说让它在不同平台上看起来相似)。

与尝试在命令行上构建GUI应用程序......或者将胡萝卜带入剑斗中并没有什么不同。

答案 1 :(得分:3)

尽可能保持遗产和宽容。话虽这么说,大多数电子邮件客户端都会删除头部和html,所以你的doctype并不是那么重要。

查看这篇精彩的文章:http://24ways.org/2009/rock-solid-html-emails以及此CSS属性列表以及哪些电子邮件客户端支持它们:http://www.campaignmonitor.com/css/

答案 2 :(得分:1)

由于您无法控制doctype,因此您无法控制此类型。如果您的消息显示在基于网络的服务中,则会显示“THEY&RE 39; RE using”类型。

更糟糕的是,Outlook使用MS-WORD引擎进行HTML渲染。

您最好使用this chart来决定在编写电子邮件时使用哪些功能,并假装它仍然是1999年(基于表格的设计,没有背景图像)。

答案 3 :(得分:1)

如果您正在编写HTML电子邮件,您希望像1999年那样对它们进行编码。

这意味着使用表格进行布局,内联样式和有限的CSS。

这是一个很好的图形,显示哪些有效,哪些浏览器: http://www.campaignmonitor.com/css/

我遵循的一些一般规则:

  • padding会依据<td>标记或<table>标记,而不是
  • 谨慎使用背景图片
  • 没有div,而是使用表并适当地嵌套它们
  • 继承并不总是有效,<a>内部的<p>标签并不总是继承样式,因此最好为标签提供内嵌样式,包括字体样式
  • 将所有图片设置为display:blockborder="0",并始终声明宽度和高度