HTML电子邮件iOS格式检测

我刚刚发现，在iOS上有一个元标记，可以将电话号码作为HTML链接删除。这适用于HTML电子邮件吗

<meta name="format-detection" content="telephone=no">

---

但是地址和日期也有吗？我一直在写黑客来结束这一切，但如果它是一个元标签，这是伟大的！有人知道地址和日期的语法吗？

有。您可以使用：

• 日期：
• 地址:
• 电邮：

将它们结合起来：

<meta name="format-detection" content="telephone=no">
<meta name="format-detection" content="date=no">
<meta name="format-detection" content="address=no">
<meta name="format-detection" content="email=no">

---

未经测试，但应能正常工作

a[href^=date]{ color:#FFFFFF; text-decoration:none;}
a[href^=telephone]{ color:#FFFFFF; text-decoration:none;}
a[href^=address]{ color:#FFFFFF; text-decoration:none;}
a[href^=email]{ color:#FFFFFF; text-decoration:none;}

我很幸运：

<style>
  a[href^="x-apple-data-detectors:"] {
    color: inherit;
    text-decoration: inherit;
  }
</style>

a[href^=“x-apple-data-detectors:”]{
颜色：继承；
文字装饰：继承；
}

a[x-apple-data-Detector]{
颜色：继承！重要；
文字装饰：无！重要；
字体大小：继承！重要；
字体家族：继承！重要；
字体大小：继承！重要；
行高：继承！重要；
}
大街123号

俄亥俄州哥伦布43215

我刚刚发现格式检测对Outlook.com、Office365等不起作用

在我的例子中，我不想要自动样式或功能（点击调用或映射地址），所以我注入了一些隐藏的HTML，使它看起来不像一个地址

原件：

<td>123 Main Street
<br/>Cambridge, MA 02138</td>

这是经过测试的，在Acid上电子邮件提供的大约50个电子邮件客户端预览中都可以使用

注意：您不能内联显示：无，因为Yahoo Mail不支持该功能，您的地址中会出现可见的破折号。您需要定义一个类

删除显示但保留功能

如果您想保留Bing地图弹出功能，可以通过向包含地址的元素添加类“outlookLink”来自定义显示。资料来源：

因此：

<td>123 Main Street</td>

---

Outlook.com使用自己的样式（带虚线下划线的蓝色链接）将其确定为地址或日期（日历条目）的内容包装在一个文件夹中。这会修改这些s的样式。

这不是标准的元标记，它只适用于IOS

---

查看以查找您的答案

我认为最好将它们收集在一个元标记中：

<meta name="format-detection" content="telephone=no, email=no, address=no" />

请注意-这只适用于本机iOS和一些Android电子邮件客户端，而不适用于不同的移动电子邮件应用程序和移动设备。对于那些用户，您仍然需要进行“黑客”和解决方法。看起来这对Windows手机有效，但在iPhone 6的iOS 9邮件应用程序中，这些也不起作用。@crmpicco这是很有可能的。电子邮件删除了很多标记。这将合理地包括元标记，因为它们与整个页面相关。您可能需要使用某种黑客手段才能在电子邮件中正常工作。@Anonymous当这些内置功能是最具侵扰性的时候，电子邮件是非常令人沮丧的，尤其是在移动设备上。我刚刚在处理一封电子邮件时遇到了这个问题。事实证明，这种努力几乎是徒劳的，因为除了IOS之外，还有其他设备在进行这种类型的检测和转换。我希望浏览器/设备能够选择关闭这种类型的检测（如果没有的话），这样美国开发人员就不会花费大量时间研究解决方案了！第一次在css中遇到^=你能分享它到底在做什么吗？@user471651像js中的regex一样，

a[href^=“x-apple-data-detectors:”]

意味着匹配

a

标签，其

href

属性值以

x-apple-data-detectors:

.hidden { display:none; }

<td>123 Main Street</td>

<td class="outlookLink">123 Main Street</td>

.outlookLink span {
      color:#ffffff !important;
      border-bottom-width:0 !important;
      border-bottom-style:none !important;
}

<meta name="format-detection" content="telephone=no, email=no, address=no" />