HTML Email: !mso conditional trick(HTML电子邮件:!MSO条件技巧)
问题描述
我对HTML电子邮件开发比较陌生,我正在尝试通过分析reallygoodemails.com";上的HTML电子邮件来提高我对HTML电子邮件结构的理解。
在我的尝试中,我遇到了四种不同的方法来为非Microsoft Outlook的电子邮件平台创建条件后备。
版本1。 数据-lang="js"数据-隐藏="假"数据-控制台="真"数据-巴贝尔="假">
<!--[if !mso]><!-->
<style>
.innerTable{
border: 1px solid black;
}
</style>
<![endif]-->
版本2。
数据-lang="js"数据-隐藏="假"数据-控制台="真"数据-巴贝尔="假"><!--[if !mso]><!---->
<style>
.innerTable{
border: 1px solid black;
}
</style>
<![endif]-->
版本3。
数据-lang="js"数据-隐藏="假"数据-控制台="真"数据-巴贝尔="假"><!--[if !mso]><!---->
<style>
.innerTable{
border: 1px solid black;
}
</style>
<!--<![endif]-->
版本4。
数据-lang="js"数据-隐藏="假"数据-控制台="真"数据-巴贝尔="假"><!--[if !mso]>-->
<style>
.innerTable{
border: 1px solid black;
}
</style>
<!--<![endif]-->
谁能告诉我我应该使用哪个版本,并解释为什么那个特定版本实际上可以跨平台工作?比如,您选择的回退的语法是如何诱使MSO忽略代码的?
推荐答案
条件注释是微软在Internet Explorer(直到IE9)和Word呈现引擎(由Outlook2007及更高版本使用)中实现的一种机制。我们的想法是通过常规的HTML注释隐藏呈现引擎的内容,这样其他呈现引擎就不会看到它。我将详细介绍我使用的语法,然后再回到您观察到的语法之间的差异。
以下是我用来向Outlook隐藏内容的语法:
<!--[if !mso]><!-->
<style>
.innerTable{
border: 1px solid black;
}
</style>
<!--<![endif]-->
让我们一步一步地打破这一点,看看Outlook和其他呈现引擎将如何解释这一点。
这篇关于HTML电子邮件:!MSO条件技巧的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!
本文标题为:HTML电子邮件:!MSO条件技巧
基础教程推荐
- 在 Javascript 中使用 Fetch API 上传文件并显示进度 2022-01-01
- 逻辑运算符 ||在 javascript 中,0 代表 Boolean false? 2022-01-01
- 最佳动态 JavaScript/JQuery 网格 2022-01-01
- 当木偶师打开Chrome时,不能使用Chrome扩展 2022-01-01
- 带角度的选项卡:仅使用 $http 在单击时加载选项卡 2022-01-01
- HTML5 画布调整为父级 2022-01-01
- 使用 jQuery 在悬停时交换 DIV 类 2022-01-01
- 即使每次插入第一个输入的值不同,第二个输入仍显示相同的输入值 2022-01-01
- 从快速中间件中排除路由 2022-01-01
- CORS:当凭据标志为真时,无法在 Access-Control-Allow-Origin 中使用通配符 2022-01-01
