如何编码HTML邮件?

这两个参考文献是很好的起点

• http://www.alistapart.com/articles/cssemail/
• http://www.campaignmonitor.com/css/

显然使用 HTML 3.0兼容的标记和格式最有效 适用于所有电子邮件阅读器和提供商。

我问了一个类似的问题 What is the best method for formatting email when using System.Net.Mail

看一看 email-standards.org 他们有一个 ACID test 他们在上面跑 most popular clients ,您可以看到他们测试的不同CSS选择器和HTML标记的列表,以及 screenshots 实际的 results 什么有用什么不有用。

希望这有帮助!

HTML电子邮件的一般规则:

• 没有javascript…永远!
• 使用基于表的布局(无浮动)
• 不 <style> 或 <link> CSS使用 这个 style="" 仅属性

这将使您的电子邮件在大多数邮件客户机中保持体面,包括基于Web的客户机(hotmail、yahoo、gmail)。

如果您希望将内联图像作为托管它们的替代方案,可以将它们包含在某个位置。

HTML中的img-src是cid:mime部分名称

并将图像作为mime部分附加。

但除此之外,请确保您的HTML和CSS保持简单-电子邮件程序比浏览器更糟糕的渲染器-并在多个电子邮件程序、hotmail和gmail上测试它。

您需要考虑这样一个事实:一些电子邮件客户端不呈现HTML。mime标准支持多部分电子邮件。您可以为消息的不同部分定义不同的边界。

http://en.wikipedia.org/wiki/MIME

如果必须使用图像,请将其保持在很小的范围内,并使其保持一致。许多邮件客户端拒绝提供指向外部图像的链接,因为垃圾邮件发送者使用这些链接来跟踪哪些人愚蠢到可以阅读他们的电子邮件。

其中一些非常好。我将总结并添加一些其他提示。

• 使用基于表的布局
• 无JavaScript
• 最小的CSS-很多东西不起作用
• 任何CSS都应内联
• 没有任何类型的背景图像,无法在Outlook 2007中呈现
• 链接到托管图像。内联图像可能有效,但如果不小心,邮件服务器上的大小限制将使其反弹。
• 请确保在图像上使用alt标记,以便在邮件客户端阻止图像时显示某些内容。
• 为阻止图像的客户端包含电子邮件的文本版本
• 尽可能多地测试客户机。特别是Outlook 2007和Gmail。Gmail倾向于用文本对齐来做奇怪的事情

HTML电子邮件类型。 您的图像需要托管在Internet上的某个地方,然后作为链接包含在HTML中。

生成HTML代码,这就是消息体。邮件类型为HTML!

每个人都这样做,有一百万个例子。

我知道这不是你要的,但你试过了吗 MailChimp ?他们的服务很好。

我也会推荐像mailchimp或campainmonitor这样的第三方,他们会处理很多额外的事情,比如管理订阅和检查跳转,另外他们还提供关于打开的统计信息等。

避免使用背景图像,因为Outlook 2007不会显示它们。(2007版的Outlook使用Word中的HTML呈现引擎…)

我倾向于使用带有标签的表格布局,允许以正确的面部和颜色以及大致正确的大小呈现文本,然后使用style=“”在支持CSS的电子邮件客户端中正确呈现文本。

只是不要对你的CSS太复杂…