如何编写 html 邮件代码？
我正准备向客户发送大量 html + 图片格式的电子邮件。 使它在最流行的邮件客户端中正确显示的一般规则是什么？
编辑：
嗯，这是给我的客户的——大约有几千个客户。
我的问题是 - 如何编写这封电子邮件的代码，使其能够在客户邮件客户端（雷鸟、outlook、gmail）中正确显示。 我可以使用哪些 CSS 标签？
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（12）
看看email-standards.org，他们有一个ACID 测试，他们在 最流行的客户端，您可以看到他们测试的不同 css 选择器和 html 标签的列表，以及 实际 结果，其中哪些有效，哪些无效。
希望这可以帮助！
Have a look at email-standards.org, they have an ACID test which they run on most popular clients, and you can see a list of the different css selectors and html tags they tested, and screenshots of the actual results, with what works and what doesnt.
Hope this helps!
这两个参考文献是很好的起点
显然使用 HTML 3.0 兼容标签和格式最适合所有电子邮件阅读器和提供商。
我问了类似的问题 什么是最好的方法用于在使用 System.Net.Mail 时格式化电子邮件
These two references are great places to start
Apparently using HTML 3.0 compatible tags and formatting works best for all email readers and providers.
I asked a similar question What is the best method for formatting email when using System.Net.Mail
HTML 电子邮件的一般规则：
这应该使您的电子邮件在大多数邮件客户端（包括基于 Web 的邮件客户端（hotmail、yahoo、gmail））中看起来不错。
General rules for HTML emails:
<style>or<link>for CSS - usethe
style=""attribute onlyThis should keep your emails looking decent in most mail clients, including the web-based ones (hotmail, yahoo, gmail).
如果您想将内嵌图像作为托管在某处的替代方案，则可以包含内嵌图像。
html 中的 img src 是 cid:mime-part-name
并将图像附加为 mime 部分。
但除此之外，请确保您的 HTML 和 CSS 保持简单 - 电子邮件程序的渲染器比浏览器差 - 并在多个电子邮件程序以及 hotmail 和 gmail 上进行测试。
You can include inline images if you want as an alternative to hosting them somewhere.
The img src in your html is cid:mime-part-name
And attach the image as a mime part.
But apart from that, make sure you keep your HTML and CSS simple - email programs are worse renderers than browsers - and test it in several email programs and on hotmail and gmail.
您需要考虑一些电子邮件客户端不呈现 html 的事实。 MIME 标准支持多部分电子邮件。 您可以为消息的不同部分定义不同的边界。
http://en.wikipedia.org/wiki/MIME
You need to consider the fact that some email clients do not render html. The MIME standard supports multipart emails. You define different boundaries for the different parts of the message.
http://en.wikipedia.org/wiki/MIME
如果必须使用图像，请将它们保持得非常小并保持对齐。 许多邮件客户端拒绝呈现外部图像的链接，因为垃圾邮件发送者使用它们来跟踪谁愚蠢到阅读他们的电子邮件。
If you must use images, keep them very small and keep them in-line. Many mail clients refuse to render links to external images because spammers use them to track who was dumb enough to read their email.
其中有几个非常好。 我将总结并添加一些其他提示。
Several of these are very good. I'll just summarize and add a couple other tips.
HTML 电子邮件类型。
您的图像需要托管在 Internet 上的某个位置，然后作为链接包含在 HTML 中。
您生成 HTML 代码，这就是消息正文。 邮件消息的类型是 HTML！
每个人都这样做，有一百万个例子。
HTML email type.
Your images need to be hosted somewhere on the internet, and then included in the HTML as links.
You generate your HTML code, and that is the message body. The type of the mail message is HTML!
Everyone does this, there are a million examples out there.
我知道这不是您所要求的，但是您尝试过 MailChimp 吗？ 他们的服务很棒。
I know this isn't what you've asked, but have you tried MailChimp? They've a great service.
我还推荐像 MailChimp 或 CampainMonitor 这样的第 3 方，他们处理很多额外的事情，比如管理订阅和检查跳出，此外他们还提供打开的统计信息等。
I'd also recommend a 3rd party like MailChimp or CampainMonitor, they deal with a lot of extra stuff like mangaging subscriptions and checking for bouncing, plus they offer stats on opening etc.
避免使用背景图像，因为 Outlook 2007 不会显示它们。 （2007 版的 Outlook 使用 Word 的 HTML 渲染引擎...）
Avoid background images, as Outlook 2007 won't display them. (The 2007 version of Outlook uses the HTML rendering engine from Word...)
我倾向于使用表格布局，带有标签，允许以正确的外观和颜色以及大致正确的大小渲染文本，然后使用 style="" 在支持 CSS 的电子邮件客户端中正确渲染它。
只是不要让你的 CSS 变得太复杂......
I tend to use a table layout, with tags to allow for rendering text in the correct face and colour and roughly the right size, then use style="" to render it correctly in email clients that support CSS.
Just don't get too complicated with your CSS...