条件 HTML (IF/ELSE) 逻辑
Conditional HTML (IF/ELSE) logic
我了解,为了在电子邮件中显示特定于 outlook 的 HTML,我可以执行如下代码:
<!--[if (gte mso 9)|(IE)]>
Welcome to the newsletter.
<![endif]-->
但是,我如何实现 if/else 逻辑。例如,不使用CSS类,我需要在Outlook中显示一段内容,而在其他客户端中显示一段完全不同的内容。
这可能吗?
(CSS 类 已被证明是不可靠的,因此我要求有条件 HTML 代替)。
条件编码实际上是IF/ELSE语句。问题是 ELSE 部分不是内置的。要解决您的问题,您需要一些东西来隐藏您不再希望 MSO 使用但显示在所有其他客户端中的内容。
这可以通过条件 类(在 if 语句中)来处理,或者,正如您提到的您不想使用 类,您可以使用 mso-hide:all css只有微软office可以识别。
找到了一个很好的例子供参考。拉取自 this post:
<!--[if mso]>
<v:shape>...</v:shape>
<div style="width:0px; height:0px; overflow:hidden; display:none; visibility:hidden; mso-hide:all;">
<![endif]-->
[fallback goes here]
<!--[if mso]></div><![endif]-->
This 是关于 mso-hide:all
用法的一个很好的参考
我了解,为了在电子邮件中显示特定于 outlook 的 HTML,我可以执行如下代码:
<!--[if (gte mso 9)|(IE)]>
Welcome to the newsletter.
<![endif]-->
但是,我如何实现 if/else 逻辑。例如,不使用CSS类,我需要在Outlook中显示一段内容,而在其他客户端中显示一段完全不同的内容。
这可能吗?
(CSS 类 已被证明是不可靠的,因此我要求有条件 HTML 代替)。
条件编码实际上是IF/ELSE语句。问题是 ELSE 部分不是内置的。要解决您的问题,您需要一些东西来隐藏您不再希望 MSO 使用但显示在所有其他客户端中的内容。
这可以通过条件 类(在 if 语句中)来处理,或者,正如您提到的您不想使用 类,您可以使用 mso-hide:all css只有微软office可以识别。
找到了一个很好的例子供参考。拉取自 this post:
<!--[if mso]>
<v:shape>...</v:shape>
<div style="width:0px; height:0px; overflow:hidden; display:none; visibility:hidden; mso-hide:all;">
<![endif]-->
[fallback goes here]
<!--[if mso]></div><![endif]-->
This 是关于 mso-hide:all
用法的一个很好的参考