我可以在电子邮件模板中使用 DIV 吗？答案

【问题标题】：Can I use a DIV in an email template?我可以在电子邮件模板中使用 DIV 吗？
【发布时间】：2014-03-20 21:47:27
【问题描述】：

对于为 mailchimp 活动设计电子邮件模板，我感到非常困惑。我想知道我是否可以在我的电子邮件模板上使用带有“Container”类的div。所有邮件客户端都支持使用div 标签吗？我只对容器使用 DIV，但在模板的内部我使用了 table、tr 和 td 标签。请告诉我。

谢谢。

【问题讨论】：

您可以在电子邮件中使用任何您想要的内容但某些电子邮件客户端可能无法解释它。（恕我直言，最好始终包含纯文本 fallback 并在每个 html 标签上内联 css）

【解决方案1】：

没有使用无表或表的布局规范。但是，使用表格是首选方式，因为它一次呈现所有内容。这与电子邮件模板的呈现方式一致；而 div 的渲染是分开的。如果您使用 div 将您的 css 内联到模板中，因为某些客户端不支持外部 css。

【讨论】：

【解决方案2】：

您可以使用 div，但对表格的支持更加一致。如果你尝试走 div 路线，你会发现你的一些 CSS 会失败。

此外，通过使用表格，它打开了只能在表格中使用的老式 html 属性。其中包括 align、valign、bgcolor 等，所有这些都是 100% 支持的，而它们的 CSS 等价物有部分支持。

附带说明，这里是 all the resources you will need 开始使用 html 电子邮件。

【讨论】：

align、valign 和 bgcolor 似乎在我们（我和我的团队）发现的所有地方都得到了支持，除了Android or iOS > browser > Gmail。即使没有bgcolor 工作，bgcolor 也禁用了相关的background-color（背景问题在Android > browser > Gmail 中找到）
@Ariella 你在什么元素上测试过它？是<table> 还是<td>？

【解决方案3】：

从 2017 年 4 月起，是的，您可以在电子邮件中使用 <div> 标签。 Outlook 是唯一不支持它们的主要电子邮件客户端。

【讨论】：

对于统计数据，在 2018 年底 (campaignmonitor.com/resources/guides/most-popular-email-clients) Outlook 覆盖了大约 9% 的电子邮件客户端使用情况，其中 gmail 占 27%，苹果的 iphone 占 28%。如果您觉得可以，9% 意味着每 11 个人中约有 1 个人不会看到您的 div 标签。
所以这意味着我们可以降低 Outlook 的优先级？