HTML 电子邮件预标头图像 ALT 被忽略

【问题标题】：HTML email preheader image ALT being ignoredHTML 电子邮件预标头图像 ALT 被忽略
【发布时间】：2018-06-18 20:14:28
【问题描述】：

很长一段时间以来，我一直在使用 HTML 电子邮件模板，其中包含一些图像和一个作为副本的页脚。顶部图像总是有一个描述性的 ALT 属性，我们假设它被用于预标题，但我们刚刚注意到页脚是电子邮件客户端中预标题文本的文本。在页脚中的实际副本之前是否无法识别 ALT 文本？ ALT 文本不会是 HTML 中出现的第一个文本，而不是页脚副本吗？

【问题讨论】：

标签： html email html-email

【解决方案1】：

我不会指望邮件中的 Alt 标记会被识别为 Preheader。我总是使用这个 Preheader：

<div style="display:none;font-size:1px;line-height:1px;max-height:0px;max-width:0px;opacity:0;overflow:hidden;mso-hide:all;font-family: sans-serif;">
        PREHEADER
    </div>

到目前为止，这在我测试过的每个客户端中都可以正常工作

【讨论】：

谢谢，我将开始使用它。我认为由于预览文本是从电子邮件中找到的前几行文本中提取的，因此会包含 ALT 文本，但我想情况并非如此。