HTML 电子邮件 : tables or divs?

标签 html html-email

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

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

最佳答案

⚠️ Update 2021-06-10: This is a very old answer. I'm not sure how accurate it is 10 years after it was written. Mail clients are hopefully more compliant today ⚠️

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

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

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

关于HTML 电子邮件 : tables or divs?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2935472/

相关文章:

Javascript - 选择和 .click()

javascript - 如何在按键的同时格式化输入值

html - 输入框文本颜色与 CSS 是否在焦点上

html - html 通讯中的图像叠加表

html - 第 3 行 div 在一行上

html - 有没有办法在 gmail 中隐藏图像以构建 html 响应式电子邮件?

javascript - 如何将 JS 变量添加到隐藏的表单值中

html - 鼠标悬停导航时自动增加高度

css - 有没有办法获得后备图像而不是显示动画 GIF 的第一帧?

c# - 如何从地址字段更改电子邮件?