html - 样式化 HTML 电子邮件的最佳实践

Question

关闭。这个问题需要更多 focused .它目前不接受答案。

---

想要改进这个问题吗？ 更新问题，使其只关注一个问题 editing this post .

关闭 9 年前。

Improve this question

我正在为电子邮件通讯设计一个 HTML 模板。我了解到许多电子邮件客户端忽略了链接样式表，而许多其他客户端(包括 Gmail)则完全忽略了 CSS block 声明。内联样式属性是我唯一的选择吗？样式化 HTML 电子邮件的最佳做法是什么？

Answer 1

我之前曾打过 HTML 电子邮件之战。以下是我的一些关于在电子邮件客户端之间实现最大兼容性的样式的技巧。

• 内联样式是你最好的 friend 。绝对不要链接样式表，也不要使用 <style>标签(例如，GMail 会去除该标签及其所有内容)。

• 根据您更好的判断，使用和滥用表格。 <div> s 只是不会削减它(尤其是在 Outlook 中)。

• 不要使用背景图片，它们参差不齐，会惹恼你。

• 请记住，某些电子邮件客户端会自动将输入的超链接转换为链接(如果您不自己锚定 <a> 它们)。这有时会产生负面影响(例如，如果您在每个超链接上设置样式以显示不同的颜色)。

• 小心用不同的东西超链接实际链接。例如，不要输入 http://www.google.com然后链接到https://gmail.com/ .一些客户端会将邮件标记为垃圾邮件或垃圾邮件。

• 以尽可能少的颜色保存您的图片以节省尺寸。

• 如果可能，将图片嵌入到您的电子邮件中。电子邮件无需访问外部网络服务器即可下载它们，它们也不会显示为电子邮件的附件。

最后，测试，测试，测试!每个电子邮件客户端的处理方式都与浏览器不同。