iphone上的HTML邮件预览

我正在从我的申请中发送一些电子邮件。电子邮件中包含html，电子邮件中的第一项是公司徽标图像

电子邮件在包括iphone在内的所有电子邮件客户端中都可以正常显示，但问题在于iphone主题行下方的电子邮件“预览”格式。由于邮件正文有一个徽标，邮件预览将显示图像url。如何避免在预览中显示图像url，并在预览中显示更有意义的文本。 我确实需要保持作为电子邮件正文的第一件事的标志

有什么解决办法吗

---

Thansk

您是否尝试在

img

标记中使用

alt

？例如

---

通常，电子邮件顶部会包含一段文字，以解决该问题

---

请看-

我知道这个问题有点老了，但我在一次搜索中发现了这个问题，我想我应该再添加一个小提示：

如果你打算在顶部添加一个DIV（preheader，per@John），一定要设计它的样式

我发现，当人们在Outlook中收到电子邮件时，虽然原始邮件中没有出现前置标题，但如果他们转发或回复邮件，它会重新出现

使用此简单的解决方法可避免该问题：

<div style="display:none; color:#fff; font-size:2pt;">This is the abstract text that will appear in your email client's message preview or notification window.<br />&nbsp;</div>

这是将出现在电子邮件客户端的消息预览或通知窗口中的抽象文本。

当他们收到消息时，预标题会被隐藏，文本仍然用于Outlook的预览通知或iOS邮件中的文本预览，当他们转发或回复您的消息时，文本是如此的小而白，以至于您的读者看不到它

---

还请注意，这种类型的标题对于使用旧黑莓设备的人来说是可见的（如果HTML被禁用，则黑莓4和黑莓5）。

在过去几天中我自己测试了各种版本后，只需在讨论中添加我的两美分即可。这个问题的其他答案从一开始就很好，但它们都忽略了一些边缘情况（有时也不是这样）。我不会说我已经在每个客户端上测试过了，但我已经在所有大的客户端上测试过了：Gmail、Yahoo、Outlook.com/Hotmail、Outlook for Windows和OS X（连接到Exchange、POP和IMAP的各种版本）、各种基于web的IMAP客户端、iOS Mail（连接到exchange服务器和常规IMAP服务器：是的，在这些情况下，预览效果会有所不同）、Android Mail、Android/iOS Gmail客户端、Postbox、Thunderbird以及其他一些我现在记不得的东西

使用preheader div。内联设置div样式，因为某些基于web的电子邮件服务（Gmail）将从电子邮件的HTML标题中删除

标记。内联样式

显示：无；

，适用于大多数客户端，但在gmail web视图和Yahoo web视图中失败，除非您将其定义为

显示：无！重要；

。如果您没有

！重要

声明，则可以看到preheader div在这些服务的基于web的客户机中阅读电子邮件时，在电子邮件正文中

现在，我们正在使用一个具有以下内联定义样式的div来对我们测试过的各种客户端和服务隐藏我们的前置器：

display:none！important；height:0px；overflow:hidden；color:#ffffffff；font size:2pt；

。其中一些在所有或大多数情况下都不起作用，但在所有这些情况下，它们涵盖了各种不同的功能基础相当好。

height

hack，特别是，只影响了几个客户端，完全破坏了Gmail基于web的客户端（它目前将高度声明重写为最小高度，这是出乎意料的），但由于它尊重显示：无！重要；预标题最终还是隐藏在那里。ste7enm提到的颜色和字体大小黑客，在某些客户端/服务转发消息时更有效地隐藏预标题

---

旁注：在多次测试、重新设计和重新测试我们的模板后，我得出结论，HTML电子邮件是所有美好和纯洁事物的死敌。

@Skyrocket这也通常被称为预阅读我发现这很有用：