Question

我试图在电子邮件中包含非HTML电子邮件阅读器的简单文本替换。

我不能使用MIME（我正在使用的服务不支持它，仅支持HTML或仅支持文本）。

我认为大多数人（95％）都有简单的HTML支持，所以我会避免使用CSS。但对于纯文本的人，我想要包含纯文本版本。

我试过用

隐藏它

<div class="TEXT ONLY" style="width:0; overflow:hidden;float:left; display:none">
<--! text here -->

将第二个包裹在第一个周围。这适用于Gmail和雅虎，Outlook等等（根据此处的测试）（http://info.contactology.com/email-view）并在我自己的Gmail帐户和一个古老的10年历史的Goldmine客户端进行测试。

但我正在寻找上述问题或更好的解决方案。也许只使用第二个选项＆＃39;＆lt; - ！＆＃39; （因为，如果显示，那么用户忽略的HTML标记就会更少混淆）

Answer 1

它们都会使文本不可见，

但是，

<div class="TEXT ONLY" style="width:0; overflow:hidden;float:left; display:none"> 可以通过DOM访问。

在哪里， <--! text here --> 将无法通过DOM访问。

因此，最终您的选择取决于您的要求。如果仅隐藏元素是您唯一关注的问题，那么我宁愿选择<--! text here -->。这可以隐藏任何内容，包括整个html内容（除非它包含-->），在某些情况下，DIV方式可能会导致DOM出现问题。

Answer 2

您可以使用我使用的以下技术来模拟“电子邮件预览文本”。快速背景（如果您感兴趣）：大多数电子邮件客户端都会获取替代文字和链接文字以生成预览文本，但我的公司在任何信息内容之前包含多个图像和“点击查看浏览器”链接，因此生成的预览文字是垃圾。

我在打开body标记后立即添加以下代码：

<!--email preview text-->
<div style="display:none;font-size:1px;line-height:1px;max-height:0;max-width:0;opacity:0;overflow:hidden;">
    Here is my preview text. You should have roughly 90 characters and include a call-to-action. Read on to find out more.
</div><!--/email preview text-->

改编自Litmus.com。

在电子邮件阅读器中隐藏纯文本：是＆lt; - ！比...更好

2 个答案: