10

我在某处读到,在创建 HTML 电子邮件时,您应该使用基于表格的布局。您不应该关心创建基于 css 的无表布局。真的吗?我必须为我的公司创建一个时事通讯布局,但我觉得写 3​​ 个嵌套表并不舒服。

4

12 回答 12

33

如果您希望您的 HTML 电子邮件在大多数电子邮件客户端中看起来不错,那么您应该编写您的 HTML,因为它仍然是 1999 年 :)

于 2009-05-15T11:12:38.620 回答
26

我强烈建议您访问电子邮件标准项目网站。它列出了市场上几乎所有主要的电子邮件客户端(独立的和基于 Web 的),并概述了每个客户端内置了多少 HTML 支持。

还可以查看 Campaign Monitor 的电子邮件设计指南,了解一些正确构建 HTML 电子邮件的实用指南——包括,遗憾的是,“使用表格”。

于 2009-05-15T11:23:01.340 回答
5

这可能更多地基于电子邮件客户端呈现的现实(这很糟糕),而不是其他任何事情。从技术上讲,这几乎肯定是错误的,但从实用上讲,这可能是最好的建议。特鲁波谈到了这一点。

于 2009-05-15T11:15:59.327 回答
2

当然没有标准要求它,事实上,最佳实践规定不应将表格用于布局(除非在布局表格数据的情况下)。

在演示文稿中使用表格是有争议的,因为不能保证过多的桌面和基于 Web 的电子邮件客户端将正确呈现基于 CSS 的演示文稿......但是,我不会说这是一个论点 - 和- 本身。

于 2009-05-15T11:10:40.603 回答
2

我会喜欢这样一个世界,没有人期望在纯文本可以使用 HTML 的地方使用 HTML,但情况并非如此。如果您的工作是提出当您的订阅者尝试在他们最喜欢的电子邮件客户端(应用程序或基于 Web 的电子邮件)中查看它时不会让您感到尴尬的 HTML,那么很难坚持使用语义标记和 CSS。

对我所说的话持保留态度,因为我只是将其作为学习练习而不是专业的。根据我收藏的一篇文章和我在该文章中找到的更多链接,以下页面似乎很好地讨论了发送 HTML 电子邮件所涉及的实际问题。

http://www.sitepoint.com/article/code-html-email-newsletters/

http://www.sitepoint.com/article/principles-beautiful-html-email/

http://www.sitepoint.com/article/designers-guide-html-email/

鉴于所涉及的问题,使用表格进行布局具有实际意义。

于 2009-05-15T11:45:42.627 回答
1

我不建议你这样做,但你可能听说过,因为很多电子邮件阅读器只支持少数 html 和 css。他们通常不捆绑完整的 html/css 解析器,并且在过去的表格中经常用于进行布局..

于 2009-05-15T11:13:59.303 回答
1

您可能想看看这个,虽然这是专门关于描述的 Oulook html/css 子集支持:

http://msdn.microsoft.com/en-us/library/aa338201.aspx

于 2009-05-15T11:16:37.283 回答
1

使用表的原因有两个:

  1. HTML 电子邮件可以在具有广泛不同功能的大量客户端中呈现。这就像尝试为每个浏览器设计一个网站,然后将其乘以 10。
  2. 相当多的网络电子邮件客户端对 CSS 布局进行了严重破坏。
于 2009-05-15T11:18:45.233 回答
0

我发现基于 div 的布局有问题。

于 2009-05-15T12:03:33.490 回答
0

我们一直在对客户进行一些关于时事通讯在其计算机上的显示方式的测试,发现大多数人在 Outlook 或 Mail 中使用的布局仅显示大约 45 个字符的宽度。他们不必费心双击以在新窗口中打开电子邮件或滚动。除了徽标和文本之外的一些内容看起来更好的电子邮件是只有一个大 GIF 的电子邮件......

于 2009-05-15T12:33:24.197 回答
0

对 Campaign Monitor 的建议 +1。我还看到了很多来自Emma的精彩内容。根据我的经验,制作电子邮件通讯模板越简单越好。在越来越多的用户在带有小屏幕的移动设备上阅读您的消息的世界中,这是双重事实。

于 2009-05-15T19:25:25.580 回答
-3

过去通常使用表格进行页面布局,许多创建页面的人仍然更愿意这样做。

正如 James 所说,最佳实践是使用 CSS 定位工具进行页面布局,除非它实际上是表格数据;但我个人经常发现很难用 CSS 获得我想要的效果。

于 2009-05-15T11:14:13.060 回答