0

HTML 时事通讯。有时看起来很漂亮，但目前它对我来说更像是一场编码噩梦。我习惯于将 html 和 css 分开，但是在编写 HTML 时事通讯时，这并不是一个真正的选择（或者是吗？）

那么样式化 html 时事通讯的最佳实践是什么？<style>将所有css放在代码顶部的单个标签中？使用 style 属性为每个元素单独设置样式？或者弄乱足够的表格宽度以使其看起来正确？也许一切都有点？

4

3 回答 3

1

电子邮件设计和开发这是最糟糕的事情之一。主要是因为不同客户端的渲染和解析方法不同。Gmail、Yahoo、Outlook 都有自己的“发言权”。您必须组合设置的样式，<style>但还要放置一些内联样式，例如表格宽度或单元格。

在您学会使用什么以及如何使用之前，您需要花费很多时间，这需要数十封电子邮件。

我可以建议的一件事是使用自动化工具来检查您的电子邮件，例如Litmus。

此外，请阅读特定电子邮件客户端不喜欢哪些标签或样式。为此，我会推荐CampaignMonitor

于 2013-01-23T09:02:21.763 回答
1

对于 HTML 时事通讯，请将您的 css 保持为内联并使用“TABLES”，一些电子邮件客户端不支持 DIV'S，例如 MS Outlook..

于 2013-01-23T09:03:25.993 回答
1

它们是编码的噩梦。避免使用 style-Tag（一些 Webmail 客户端无论如何都会把它们去掉），轻松使用内联样式（并非所有邮件客户端都适用 - 最好将自己限制在一些基本的错字上），避免使用背景图像（因为它们不起作用始终如一，有时根本不使用），使用大量嵌套表格（但尽量不要切碎图像以将部件放置在相邻的表格单元格中，因为某些邮件客户端可能会在表格单元格之间引入间隙），最重要的是，测试您的模板每个主要的邮件客户端（在浏览器中将它们作为 HTML 页面进行测试几乎毫无用处，因为许多邮件客户端在显示代码之前都会对其进行更改）。并使用与发送真实时事通讯完全相同的程序对其进行测试，因为某些程序会在发送时引入代码更改。

The best suggestions I can make from painful experience are a) keep it simple, b) buy a tested newsletter template and adapt it carefully to your needs and c) don't send HTML newsletters.

于 2013-01-23T09:08:01.650 回答