html - GMAIL 中的 "Message Preview"显示替代文本

Question

我创建了一个适用于大多数电子邮件客户端的 HTML 电子邮件模板。正如预期的那样，我有 alt和 title不同元素的属性。

我的问题是 GMAIL 正在阅读那些 alt或 title属性并将其内容包含在电子邮件预览部分中。

我尝试按照这些说明操作 here ，但是拥有纯文本电子邮件并没有解决我的问题。

作为引用，这就是我所说的“电子邮件预览”的意思(出于隐私原因，我无法截取我的电子邮件):



对此有何想法？

Answer 1

您需要的叫pre header或 preview text .这是位于 div 中 body 标签之后的隐藏文本

<div style="display:none;font-size:1px;color:#{color};line-height:1px;font-family:{font};max-height:0px;max-width:0px;opacity:0;overflow:hidden;mso-hide:all;">
    Pre header/Preview text here&nbsp;&#847;&nbsp;&#847;&nbsp;&#847;&nbsp;&#847;&nbsp;&#847;&nbsp;&#847;&nbsp;&#847;&nbsp;&#847;&nbsp;&#847;&nbsp;&#847;&nbsp;&#847;&nbsp;&#847;&nbsp;&#847;&nbsp;&#847;&nbsp;&#847;&nbsp;&#847;&nbsp;&#847;&nbsp;&#847;&nbsp;&#847;&nbsp;&#847;&nbsp;&#847;&nbsp;&#847;&nbsp;&#847;&nbsp;&#847;
</div>

注意事项:

如果您想将其保留为空白，只需删除文本 'Pre header/Preview text here'

如果您想保留 pre header ，请按原样使用上述代码。

根据您的需要更改颜色和字体系列。(文本颜色应与电子邮件的背景颜色相同)。

如果您的替换文字仍然显示，请在 div 内容后附加  ͏直到你得到你想要的。

这是基于不同设备的预览文本的字符数。


Source