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

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

最佳答案

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

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

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

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

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

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

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

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

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

https://stackoverflow.com/questions/4829254/

相关文章:

?">javascript - 哪些浏览器支持<script async ="async"/>?

javascript - 可以即时进行语法突出显示的文本区域?

html - 如何在多行 flexbox 布局中指定换行符?

javascript - 禁止从 HTML 页面拖动图像

javascript - 就 HTML 文件路径位置而言, "./"(点斜杠)指的是什么?

javascript - 在网站上打印当前年份的最短方法

html - 如何设置 dt 和 dd 的样式,使它们在同一行?

html - CSS中下一个元素的选择器的语法是什么?

html - 您应该使用 .htm 还是 .html 文件扩展名?有什么区别,哪个文件是正确的?

html - 如何防止滚动条重新定位网页?