ipad将日期检测为电话号码并插入电话链接

Question

对于响应式项目，我有以下内容：

<table>
            <tr>
                <td>Besteldatum</td>
                <td itemprop="description">
                    24-2-2014
                </td>
            </tr>
            <tr>
                <td>Losse editie</td>
                <td itemprop="description">
                    2014-02
                </td>
            </tr>
</table>

奇怪的是，ipad在第一个链接中放置了一个链接，好像它是一部电话，查看图片：

如果我在ipad中检查，我发现HTML已转换为以下内容：

<table>
            <tbody><tr>
                <td>Besteldatum</td>
                <td itemprop="description">
                    <a href="tel:24-2-2014">24-2-2014</a>
                </td>
            </tr>
            <tr>
                <td>Losse editie</td>
                <td itemprop="description">
                    2014-02
                </td>
            </tr>
</table>

我认为ipad将此日期作为电话号码检测并自动放置此链接。我有tel链接的其他链接所以我想要一个不取消其他电话链接的解决方案。

从未见过这个，有人可以帮忙吗？

Answer 1

这是iOS中的默认行为。这意味着用户只需单击网页上的电话号码即可拨打电话。不幸的是，它有时会根据格式提取一些非电话号码。

您有几个选择。这是一对夫妇。通过添加此元标记来禁用iOS电话号码检测：

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

这可能是一个坏主意，因为它会删除整个页面的电话号码检测，使真正的电话号码无法点击。

或覆盖正在应用的样式，如...

a[href^=tel] {
    color: #your_color;
    text-decoration: none;
    pointer-events: none;
}

如果您在页面上有一些真正的电话号码，您可能希望为非电话父母添加课程以便区分：

    .date a[href^=tel] {
        color: #your_color;
        text-decoration: none;
        pointer-events: none;
    }