对于Outlook客户端使用HTML编辑器起草电子邮件内容时的最佳实践

对于Outlook客户端使用HTML编辑器起草电子邮件内容时的最佳实践

在Zoho campaigns的模板编辑器中创建的任何电子邮件内容都可以在每个电子邮件客户端正确展示。如果使用HTML和CSS设计内容,一些桌面客户端 (尤其是Outlook) 可能会出现一些展示问题。较新版本的Outlook使用Microsoft Word来展示电子邮件,这可能会导致阻止图像和主要格式错误。但是,如果您在编写HTML时特别关注某些方面,则可以避免大多数格式问题。

以下是使用HTML/CSS撰写电子邮件时应特别注意的区域列表:

  1. <div> 和 <p> 标签的填充和宽度将被Outlook忽略。您可以使用表格来代替。
  2. <a> 标签的填充将被Outlook忽略。相反,可以设计一个表并应用所有格式。
  3. 始终在 <td> 标签中使用 <a> 标签,以便在Outlook中正确呈现。此外,避免在这些 <a> 标签之后添加 <table> 标签。
  4. Outlook将忽略用于图像的填充和边距。在图像上使用hspace和vspace。
  5. 避免使用一个类,而是给所有的属性内联属性。
  6. 指定行高,否则Outlook将使用其默认高度。
  7. 避免使用HTML5和CSS3。
  8. Outlook将不显示背景图像。
  9. Gif不会在Outlook上运行。仅显示GIF的第一帧。如果要包含GIF,请将最重要的帧设置为首先播放,以便您的信息将在Outlook上传达,而其他客户端仍将运行您的GIF。
  10. <button> 标签将无法在Outlook上正常工作。使用表格设计按钮。
  11. 图像宽度应同时作为属性和样式。
  12. Outlook将不支持位置样式和浮动。如果您需要两列结构,请使用表进行设计。