iPad将日期识别为电话号码并插入tel链接

Question

iPad将日期识别为电话号码并插入tel链接

4

我有一个响应式项目，需要以下内容：

<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”链接的链接，因此我希望找到一个不会取消其他“tel”链接的解决方案。

从未见过这种情况，请问有人可以帮忙吗？

- Daniel Ramirez-Escudero

我尝试将数字放在<time>标签中，但没有成功。 - Daniel Ramirez-Escudero

离题：截图上的字体是什么？ - Mark Hähnel

@Mark 这是Titillium Web字体，你可以在Google Fonts上查找。我认为这是相当受欢迎的字体。 - Daniel Ramirez-Escudero

谢谢。之前没看到过。;) - Mark Hähnel

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Turnip · Accepted Answer

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