"Message Preview" 在 GMAIL 中显示替代文本

Question

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

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

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

供参考，这就是我所说的"Email preview"（出于隐私原因，我无法截取我的电子邮件）：

有什么想法吗？

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

"Message Preview" 在 GMAIL 中显示替代文本

"Message Preview" in GMAIL is showing alt text

html

gmail

html-email

alt