如何在iPhone上禁用自动日期链接？

Question

我目前正在开发一个RWD网站，在iPhone4上测试时，我看到普通日期被“看作”电话号码 - 因此可点击。我不希望这样。

这是一个挪威网站，其日期格式为：DD.MM.YYYY（8个数字）。 挪威电话号码也包含8个号码。

例如：日期为23.11.2011（2011年11月23日）。在PC和Android上，这为日期提供了正确的CSS，但iPhone将这些显示为“链接”。单击时，iphone（iOS）会通过呼叫对话框“23 11 20 11 - 呼叫或取消”提示我。为什么呢？

非常奇怪的是，这不一致。以此代码为例：

<span class="pubDate">(Published: 24.10.2011, Last changed: 02.12.2011)</span>

在我的iPhone上，只有最后更改日期是可点击的，而不是第一个。 有没有人知道如何让iPhone无法点击这些？

Answer 1

最简单，最彻底的方法是简单地使用元标记：

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

这可以防止iOS解析数字并将假定数字转换为可点击/可调用的数字。

另一方面，如果要阻止将数字设置为链接，可以使用以下CSS选择器来定位以tel:协议开头的链接：

a[href^=tel] {
    /* stlyes links that start with the 'tel' protocol */
}

参考：

• Apple-specific meta tags。