Question

我在我的工作场所使用office365电子邮件来访问电子邮件。我需要生成一个动态的时事通讯，它将用HTML开发。但是，我似乎无法弄清楚如何将HTML页面添加到电子邮件中，粘贴纯HTML似乎无法正常工作，因为Outlook无法呈现。

我经过一些研究后发现了一个工作，即在浏览器上打开html页面，只需使用CTRL + A复制内容并粘贴到电子邮件编辑器上，这似乎是添加html但这不是一个合适的解决方案！

目的是编写HTML，（已完成）并将HTML页面添加到Outlook电子邮件中。任何帮助/建议都非常感谢

Answer 1

首先，请查看各种电子邮件客户端中支持的CSS的this列表。

确保您在电子邮件中也有CSS。最好的方法是使用内联CSS：

<div style="color: red; font-size: 12px;">HALO!</div>

粘贴时请确保将其粘贴为HTML（不知道是否可以在所有电子邮件客户端中执行）。否则它将对您粘贴的文本进行编码，发送它会将所有HTML标记显示为文本。

Answer 2

电子邮件客户端和Web浏览器都可以显示HTML / CSS，但它们有不同的方式。因此，如果您复制/粘贴HTML页面，则可能无法在Outlook365等电子邮件客户端中以相同的方式显示。

电子邮件布局需要使用<table>来代替<div>进行布局。电子邮件也只支持需要内联的a small of CSS rules。

电子邮件代码看起来更像是这样：

<table cellpadding="0" cellspacing="0" border="0" align="center">
  <tr>
    <td valign="top" style="vertical-align: top;background: #aaaaaa;">
      <span style="color: red; font-size: 12px;">text</span>
    </td>
  </tr>
</table>
<table cellpadding="0" cellspacing="0" border="0" align="center">
  <tr>
    <td valign="top" style="vertical-align: top;">
      <img src="full path to image" alt="alt text" width="50" height="50">
    </td>
  </tr>
</table>

如果您重建这样的电子邮件，它应该在Outlook365等电子邮件客户端中更好地显示。

Office365 outlook邮件HTML电子邮件呈现

2 个答案: