Question

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

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

但是还有一个地址和日期吗？我一直在编写黑客攻击，但如果它是一个很棒的元标记！有谁知道地址和日期的语法？

Answer 1

是的，有。您可以使用：

日期：<meta name="format-detection" content="date=no">
地址：<meta name="format-detection" content="address=no">
电子邮件：<meta name="format-detection" content="email=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">

Answer 2

我很幸运：

function fixContentHeight(){
    var viewHeight = $(window).height();
    var maps = $("div[data-role='map']:visible:visible");

    var contentHeight = viewHeight;
    maps.height(contentHeight);
}
fixContentHeight();

Answer 3

<html>
<head>
    <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">
    <style type="text/css">
        a[x-apple-data-detectors] {
            color: inherit !important;
            text-decoration: none !important;
            font-size: inherit !important;
            font-family: inherit !important;
            font-weight: inherit !important;
            line-height: inherit !important;
        }
    </style>
</head>
<body>
    123 Main Street<br/>
    Columbus, Ohio 43215
</body>
</html>

Answer 4

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

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

Answer 5

我刚发现格式检测不适用于Outlook.com，Office365等。

在我的情况下，我不想要自动样式或功能（点击调用或映射地址），所以我注入了一些隐藏的HTML，使其看起来不像地址。

原件：

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

更新：

<td>123 Main S<i class="hidden">-</i>treet
<br/>Cambridge, M<i class="hidden">-</i>A 02<i class="hidden">-</i>138</td>

将此添加到样式表中：

.hidden { display:none; }

这已经过测试，适用于Email on Acid提供的50个左右的电子邮件客户端预览。

注意：您无法内嵌显示：无，因为Yahoo Mail不支持，您最终会在地址中显示明显的破折号。你需要定义一个类。

删除展示但保留功能

如果您想保留Bing地图弹出功能，您可以通过添加类＆＃34; outlookLink＆＃34;来自定义显示。到包含地址的元素。资料来源：https://litmus.com/community/discussions/4692-outlook-com-adding-links

所以这个：

<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;
}

Outlook.com在＆lt; span＆gt;中包装它确定为地址或日期（日历条目）的内容。具有自己的造型（带有虚线下划线的蓝色链接）。这会修改那些＆lt; span＆gt; s的样式。

Answer 6

这不是标准的元标记，仅适用于IOS。

请参见Apple Developer Documention来找到答案

Answer 7

未经测试但应该有效。

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;}

HTML电子邮件iOS格式检测

7 个答案: