HTML 电子邮件:表格还是 div?

新手上路,请多包涵

用于 html 电子邮件通讯的 HTML/CSS 是否需要采用表格格式,或者我可以使用 DIV 来确保跨电子邮件客户端显示良好吗?我已经下载了一些模板来查看它们是如何完成的,并以此为基础创建自己的模板,它们似乎都使用表格。

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

原文由 HandiworkNYC.com 发布,翻译遵循 CC BY-SA 4.0 许可协议

阅读 318
2 个回答

⚠️ 2021-06-10 更新:这是一个非常古老的答案。我不确定它写成 10 年后是否准确。希望邮件客户端今天更合规 ⚠️

当谈到电子邮件 HTML 时,请注意 Web 开发的所有最佳实践都已过时。为了使外观一致,您应该:

  1. 使用基于表格的布局
  2. 对表格使用老式的属性样式
  3. 仅使用内联样式,并且只使用非常简单的样式。 <style> 标签被许多客户丢弃。
  4. 跳过使用 <html><head><body> 它们无论如何都会被大多数客户端丢弃。
  5. 如果您嵌入图像,请尝试确保即使未加载图像,电子邮件看起来也不错。许多客户端要求用户在显示图像之前将电子邮件标记为“安全”。

您可以在此处阅读上述要点的更详细版本:

原文由 PatrikAkerstrand 发布,翻译遵循 CC BY-SA 4.0 许可协议

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

我最近一直在使用 Mailrox ( https://www.mailrox.com/ ) 来构建我的大部分电子邮件,它看起来非常好,输出完美的 HTML 电子邮件,如果你从设计中构建一个,甚至尽管它处于测试阶段。

您也可以尝试使用 MailchimpCampaign Monitor 中的预建模板,但听起来您的电子邮件已经设计好了,所以 Mailrox 可能是最好的选择。

如果你真的想开始构建电子邮件,我会说忘记你所知道的关于现代网页设计和主表格布局的大部分知识,并使用来自 PatrikAkerstrand 的链接。

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

希望这可以帮助。

原文由 CafeHey 发布,翻译遵循 CC BY-SA 3.0 许可协议

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
logo
Stack Overflow 翻译
子站问答
访问
宣传栏