使用表格或少表格发送电子邮件的时事通讯设计答案

【问题标题】：Newsletter Design to send in emails, using tables or table less使用表格或少表格发送电子邮件的时事通讯设计
【发布时间】：2011-04-28 16:26:21
【问题描述】：

应该如何设计 HTML 时事通讯？使用表格或 div 和 css 样式。

我在某处读到时事通讯应该使用表格设计，因为许多旧客户端无法处理 css 样式。这其中有多少真实性？

在设计使用电子邮件发送时事通讯时还需要注意什么。

即java 脚本不应在时事通讯中使用，因为它在大多数电子邮件客户端中被禁用。还有什么？

我已经阅读了这篇文章。虽然它是两年前写的，但我不确定写的东西是否仍然有效...... http://articles.sitepoint.com/article/code-html-email-newsletters

【问题讨论】：

您不能在时事通讯中使用 PHP；删除了那个标签。
HTML 时事通讯最好避免 IMO。编写适用于大多数桌面和网络邮件客户端的 HTML 所需的工作范围很广，挑战了所有现代的良好实践，而且 IMO 通常不值得。除非您真的想浪费几天的时间来测试和丑化您的标记，否则只需使用包含正常网页链接的文本邮件即可。

标签： html css

【解决方案1】：

这是一个很好的起点： http://www.campaignmonitor.com/design-guidelines/

PS：我与该网站没有任何关系，但我认为这些文章确实很有用，尽管有些文章是几年前的。

【讨论】：

【解决方案2】：

表格通常是 HTML 电子邮件中一致布局的最佳选择 - 一些电子邮件客户端在使用 divs 时遇到问题。

CSS 通常必须是内联的（即在要设置样式的每个项目上）或嵌入在页面中 - 嵌入的 CSS 不能在 <head> 部分中（因为这可能会被基于 Web 的客户端剥离）。

这里有几个来自 MailChimp 的关于设计 HTML 电子邮件的链接，我发现它们很有用：

【讨论】：

【解决方案3】：

根据用户拥有的 Outlook 版本，出于安全考虑，背景图像将无法使用 (2007)，但它们将在 2003 年使用。

当我为我工作的一家公司创建电子邮件营销活动时，我们将时事通讯分成多个图片部分，这些图片链接到我们网站的各个区域，并使用一个表格用一些 CSS 来构建它。适用于大多数电子邮件客户端。

【讨论】：

【解决方案4】：

因为是News letter，所以不需要SEO。最好有表而不是 DIV。和 Table 渲染速度比 Div 快。

【讨论】：

【解决方案5】：

大约一年前，我根据发送 200,000 份简报的分析结果为一位客户做了一些研究。

我做了很多邮件客户端测试，发现（非常遗憾）最可靠的编码方法是遵守 W3C HTML 3 标准。

问题是令人恐惧的人数仍在使用 Outlook 2000 和一些非常旧的 Outlook Express 版本。

【讨论】：