编写HTML电子邮件时的最佳实践和注意事项

Question

编写HTML电子邮件时的最佳实践和注意事项我已经开发网站十多年了，但很快发现，我在为网络开发的许多习惯是无用的，当开发电子邮件客户端。这给我带来了巨大的挫折感，所以我想我会问一个问题，希望能为像我这样的人提供一些最佳实践和必要的考虑，他们可能会时不时地为Gmail、Outlook等设计。例子： <style>...</style>VS内联CSS。简而言之：什么是从网络世界转移到电子邮件世界，什么不是。

Answer 1

我(在相当长的时间内)为了我的工作已经做了一段时间了。HTML电子邮件有许多缺陷。不同的电子邮件客户端呈现HTML的方式各不相同，使IE6看起来更先进。

这是我到目前为止学到的东西的总结。

• 使用内联css

  ：样式并不总是受支持的。

• 使用表布局

  ：我知道，但是div布局依赖于CSS，许多电子邮件客户端无法处理。

• 不要使用行距

  ：这会导致奇怪的间隔问题。

• 不要使用背景图像

  *对这些活动的支持有限。

• 带有“显示：块”的样式图像标记

  这解决了Hotmail的奇怪间隔问题。

• 如果使用多个表将它们嵌套在一个父表中

  ：这就停止了更奇怪的间隔问题。

• 不要使用Javascript

  ：也没有得到很好的支持。

• 确保你的电子邮件是清晰的，没有图像。

  ：用户可能不会加载它们。

• 提供一个在线版本并链接到它

  这让用户可以看到预期的内容，即使他们的电子邮件客户端是可怕的。

• 测试，测试

  ：仅仅因为它在一个电子邮件客户端工作，并不意味着它在其他电子邮件中工作。一个很大的收获是Outlook 2007。它使用Word来呈现HTML(叹息)。

这远不是一个全面的清单，但应该让大多数人走上正确的轨道。