样式HTML简报

Question

HTML简报。有时看起来很有观点，但此刻它看起来更像是对我的编码噩梦。我习惯于将html和css分开，但在撰写HTML时事通讯时，这不是一个真正的选择（或者是吗？）

那么为html简报设计风格的最佳做法是什么？将所有css放在代码顶部的单个<style>标记中？使用样式属性自行设置每个元素的样式？还是把桌子的宽度弄得一团糟，让它看起来合适？也许有点像一切？

Answer 1

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

在您学习使用内容和使用方法之前需要花费大量时间，需要花费数十封电子邮件。

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

另外还要了解特定电子邮件客户端不喜欢哪些标签或样式。为此我建议CampaignMonitor

Answer 2

对于HTML简报，请将您的CSS保持为内联并使用“TABLES”，某些电子邮件客户端不支持像MS Outlook这样的DIV。

Answer 3

他们是编码的噩梦。避免使用样式标签（一些Webmail客户端无论如何都要将它们剥离出来），在内联样式上很容易（不是每个邮件客户端都能正常工作 - 最好将自己局限于某些基本错字），避免使用背景图像（因为它们不起作用）一致的，有时甚至根本没有），使用大量的嵌套表（但尝试不切碎图像将部件放在相邻的表格单元格中，因为一些邮件客户端可能会在表格单元格之间引入间隙），最重要的是，测试模板每个主要的邮件客户端（在浏览器中测试它们作为HTML页面都是无用的，因为许多邮件客户端在显示之前对代码进行了更改）。并使用与发送真实时事通讯相同的程序对它们进行测试，因为某些程序会在发送时引入代码更改。

我可以从痛苦的经历中得出的最佳建议是：a）保持简单，b）购买经过测试的新闻稿模板并根据您的需求进行调整，以及c）不发送HTML新闻稿。