GMAIL 中的“消息预览”显示替代文本

Question

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

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

我尝试按照此处的说明进行操作，但是使用纯文本电子邮件并不能解决我的问题。

作为参考，这就是我所说的“电子邮件预览”的意思（出于隐私原因，我无法截取我的电子邮件）：

对此有何想法？

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 标头，请按原样使用上述代码。
• 根据您的需要更改颜色和字体系列。（文本颜色应与电子邮件的背景颜色相同）。
• 如果您的 alt 文本仍然显示，请附加 div 内容， ͏直到您得到所需的内容。

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

来源