我正在设计 HTML 模板的电子邮件新闻稿。我已经学习了许多电子邮件客户端忽略链接的样式表,和许多其他人 (包括 Gmail) 完全忽略 CSS 块声明。我唯一的选择是内联样式特性?样式设置 HTML 电子邮件的最佳做法是什么?

2008-09-20 15:00:47
问题评论:

下面是一个庞大的资源的列表在上重复问题.

回答:

市场活动监视器有详述所支持和什么在各种邮件客户端之间不是很好支持矩阵

Litmus服务可用于查看跨多个客户端电子邮件的显示方式以及是否他们钓到的筛选器等。

+ 1︰ 不知道 Litmus。这看起来像节省了大量时间。感谢您︰ D另外,不要忘记关于博客帖子上 CampaignMonitor,其中也包括一些很好的提示。

我已经苦 HTML 电子邮件战役之前。下面是一些有关电子邮件客户端之间的最大兼容性的样式我提示和技巧。

  • 内联样式是您最好的朋友。绝对没有链接样式表,并且不使用<style>标记 (GMail,例如,去除该标记,以及所有它的内容)。

  • 针对您更好地判断这些,使用和滥用的表<div>s 是不行 (尤其是在 Outlook)。

  • 不要使用背景图像,它们不并将骚扰您。

  • 请记住某些电子邮件客户端将自动转换为链接键入超链接出 (如果不<a>定位他们自己)。这有时能获得负面影响 (例如如果要将样式保存在每个超链接显示不同的颜色)。

  • 要小心的超级链接与其他的实际链接。例如,不要键入http://www.google.com ,然后将其链接到https://gmail.com/某些客户端将标记为垃圾邮件或垃圾邮件。

  • 将您的图像中另存为少数几种颜色尽可能保存大小。

  • 如果可能,请在您的电子邮件中的嵌入图像电子邮件不会有亲密关系到外部 web 服务器来下载它们,它们不会对电子邮件附件的形式出现。

并且最后,测试、 测试、 测试每个电子邮件客户端比浏览器会以不同的方式做事情的方式。

当放置在<div>的背景色,Outlook 不会扩展过去的内容、 颜色意味着不彩色填充。

为什么互联网?我们为什么不能有很好的 html 的电子邮件?第一视频的内容如下

这样我们就能获得更好的垃圾邮件?

@DavidRivers 也许应曾指出,"嵌入图像"并不意味着作为附件添加图像,而是应该包括它们为 base64 编码的字符串替换在"普通" <img>标记中引用的 url 如下所示︰ <img alt="Embedded Image" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIA...">

在电子邮件中嵌入图像的正确方法是的 @MJafarMash。您必须创建单独的信封,请参考基于它的cid的图像.

邮件 chimp 有了相当不错的文章,不是要做什么。(我知道这听起来倒圆角的所需的错误方式)

http://kb.mailchimp.com/article/common-html-email-coding-mistakes

一般情况下您有他们了解的到是 web 设计的不正确做法的所有的事情似乎是唯一的选项的 html 电子邮件。

基本操作是︰

  • 具有绝对路径的图像 (如。http://stackoverflow.com/random-image.png)
  • 使用布局表格 (也从未想过会建议 !)
  • 使用内联样式 (和旧学校 css 过,在极大多数 2.1 中,框阴影将不起作用例如;))

在多个电子邮件客户端可以获得您的手上,或使用 Litmus,因为其他人上面建议的只是测试 !(Jim 的信用卡)

编辑︰

邮件 chimp 通过使此工具可供社区做得非常好。

它适用于您您 html 元素嵌入到您的 CSS 类 !

mailchimp 链接被破坏,或许是这些文章、 kb.mailchimp.com/article/common-html-email-coding-mistakeskb.mailchimp.com/article/common-mistakes-to-avoid此之一

我已经更新的链接,所建议的第一个正确。遗憾的是它被移动而无需添加重定向。

除了在此处发布的答案,请一定要阅读这篇文章︰

http://24ways.org/2009/rock-solid-html-emails

我总是最终会回到有关 HTML 电子邮件资源是CampaignMonitor 的 CSS 指南.

仅围绕电子邮件传递适合他们的业务,因为他们知道他们的资料以及任何人进入

请输入您的翻译

Best practices for styling HTML emails [closed]

确认取消