为什么 Outlook 预览窗格显示 HTML,而不是文本?

为什么 Outlook 预览窗格显示 HTML,而不是文本?

我有一封 HTML 电子邮件,它显示在 Outlook 的预览窗格中,仅显示该电子邮件的前几部分文本内容。

然而对于我的一些同事来说,它显示了一些 HTML。例如,如果我的电子邮件内容如下所示:

<html>
<body>
    <table>
        <tr>
            <td>
                <img src="http://www.example.com/spacer.gif">
            </td>
        </tr>
        <tr>
            <td align="center">
                This is a test
            </td>
        </tr>
    </table>
</body>
</html>

我的预览窗格如下所示;它正确地显示了电子邮件正文中的第一部分文本内容:

在此处输入图片描述

然而对于其他用户来说,他们看到的是这样的;由于某种原因,它输出看起来像 HTML 标记的内容,即,它输出在<...>尖括号内,并且它抓取找到的第一个图像的源,然后正确获取其后面的文本内容。

在此处输入图片描述

我想知道 Outlook 中的哪些设置会影响此问题。我尝试切换视图以显示 1、2 或 3 行,但没有影响。有什么想法吗?

答案1

我没有找到答案为什么它向某些用户显示 HTML。不过,我确实找到了解决方案如何以防止其发生。

我发现了一些旧的博客文章,其中提出了各种各样的建议。例如,在电子邮件顶部的 1px gif 上添加任何所需的文本作为 alt 属性:

https://www.campaignmonitor.com/blog/email-marketing/2006/10/optimizing-for-gmails-snippets/

<img src="http://www.example.com/spacer.gif" alt="Hey just testing">

<span />或者使用这样的隐藏:

<span style="display:none !important">Hey just testing</span>

这些对我来说很好,但我的同事仍然不行。不过,作为测试的一部分,我注册了石蕊,并在他们开始发给我的电子邮件来源中发现了这一点:

<!-- HIDDEN PREHEADER TEXT -->
<div style="display: none; mso-hide: all; width: 0px; height: 0px; max-width: 0px; max-height: 0px; font-size: 0px; line-height: 0px;">
    Press save and watch your screenshots refresh instantly. It’s like magic! 
</div>

我以为他们知道自己在做什么,而且这似乎很有效。

相关内容