如果您不打算在您的页面上有任何电话号码，那么 <meta name="format-detection" content="telephone=no"> 会工作得很好。但从修辞上讲，如果你打算混合使用电话号码和非电话号码呢?

假设您只是将数字硬编码到HTML中，那么“在数字中间插入一些东西”的技巧将会起作用。但是对于动态页面，例如使用PHP从查询中输出数值数据，它们几乎没有用处。

例如，我正在生成一个城市人口列表。有些用户数量大到足以让Mobile Safari把它们转换成电话号码链接。幸运的是，我所要做的就是使用PHP number_format()在数组输出周围插入“thousand”逗号:

<？PHP echo number_format($row["population"])

这种格式足以让Mobile Safari相信这个号码有更具体的用途，所以它不再把我的大号码默认为电话链接。@davidcondrey建议使用<a href="tel:18001234567">1-800-123-4567</a>来指定数字的用途，也是如此。

总之，Safari Mobile显然很注意语义。考虑到HTML5是围绕语义标记构建的，而搜索引擎也依赖于语义标记，我打算尽可能多地使用它。

我用了一个简单的技巧，在电话号码中间添加一个隐藏对象。

<span style="color: #fff;">
0800<i style="display:none;">-</i> 9996369</span>

这将帮助你覆盖手机号码颜色的IOS。

a[href^=tel]{
    color:inherit;
    text-decoration: inherit;
    font-size:inherit;
    font-style:inherit;
    font-weight:inherit;

由于我们在一个网站上使用tel:链接，在大多数解决方案之前，这里发布了另一个问题。

我使用元标签:

<元名称=“格式检测” 内容=“电话=否”>

这与指定tel: links站点范围内它应该链接!

使用css真的不是一个选择，因为它隐藏了相关的电话链接。

如果你只是想避免电话号码作为链接，可以使用字体标签:

<p>800<font>-</font>555<font>-<font>1212</p>

我一直在

1.

    <a href="tel:5551231234">

2.

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

试着让同样的代码适用于台式机和iPhone。问题在于，如果你使用了第一个选项，并从桌面浏览器中点击它，它会给出一个错误消息，如果使用了第二个选项，它会禁用iPhone iOS5上的标签呼叫功能。

所以我试了又试，结果iPhone把电话号码当作一种特殊类型的链接，可以用CSS格式化。我把数字包装在一个地址标签(它将与任何其他HTML标签，只是尽量避免< >标签)，并在CSS样式为

.myDiv address a {color:#FFF; font-style: normal; text-decoration:none;}

在桌面浏览器中显示一个纯文本，在Safari移动浏览器中显示一个链接，并在选项卡上弹出Call/Cancel窗口，没有默认的蓝色和下划线。

只是要注意应用于数字的css规则，特别是在使用填充/边距时。