iphone - 如何禁用 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: 协议(protocol)开头的链接:

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

引用:

• Apple-specific meta tags .