HTML电子邮件:表格或div?

Han*_*com 72 html html-email

HTML电子邮件新闻稿的HTML/CSS是否需要采用表格格式,或者我可以使用DIV同样保证它会显示交叉电子邮件客户端吗?我已经下载了许多模板,看看它们是如何完成的,基于我自己的模板,它们似乎都在使用表格.

任何见解都非常感谢,谢谢!

Pat*_*and 133

谈到电子邮件HTML,请注意Web开发的所有最佳实践都会消失.为了使外观保持一致,您应该:

  1. 使用基于表格的布局
  2. 对表使用old-school属性样式
  3. 仅使用内联样式,而且只是非常简单.<style>-tags被许多客户丢弃.
  4. 跳过使用<html>,<head>并且<body>- 无论如何它们将被大多数客户丢弃.
  5. 如果嵌入图像,请尝试确保即使未加载图像,电子邮件也会显得正常.许多客户要求用户在显示图像之前将电子邮件标记为"安全".

您可以在这里阅读以上几点的更详细版本:

  • 没有背景图片(非常感谢2010年). (4认同)
  • 这是真的.Outlook 2007是其中最糟糕的一个(而且大多数都非常糟糕......). (3认同)
  • 在创建HTML/CSS电子邮件时,这些规则是纯GOLD.谢谢. (3认同)

Min*_*ure 9

就像这里的每个人都说的那样,使用表格并内联所有的CSS ...但是有一个电子邮件应用程序生态系统可以帮助您构建电子邮件.

我最近一直在使用Mailrox(https://www.mailrox.com/)进行大部分电子邮件构建,如果你从设计中构建一个,它甚至可以输出完美的HTML电子邮件.虽然它处于测试阶段.

您也可以尝试使用MailchimpCampaign Monitor中预先构建的模板,但听起来您的电子邮件设计很可能,因此Mailrox可能是最好的.

如果您真的想要构建电子邮件,我会说忘记了大部分关于现代网页设计和主表格布局的知识,并使用PatrikAkerstrand中的链接.

Litmus也非常适合测试您的手工编码设计.他们为您提供了(几乎所有)电子邮件客户端的电子邮件预览.

希望这可以帮助.