移动 HTML 渲染数字答案

【问题标题】：Mobile HTML rendering numbers移动 HTML 渲染数字
【发布时间】：2011-04-12 08:47:10
【问题描述】：

我有一个显示银行对帐单的移动网页。像这样的：

DATE          | DESCRIPTION              | AMOUNT
--------------|--------------------------|---------------
Jan 2nd 2010  | Clothes                  |  USD 1.839.000
Sep 23rd 2010 | Drinks                   |  USD 2.837.000

我使用. 作为千位分隔符，因为这是我们的语言环境配置。

HTML 非常简单。像这样的：

<table>
   <tr>
      <td>DATE</td>
      <td>Clothes</td>
      <td>AMOUNT</td>
   </tr>
   <tr>
      <td>Jan 2nd 2010</td>
      <td>Clothes</td>
      <td>USD 1.839.000</td>
   </tr>
   <tr>
      <td>Sep 23rd 2010</td>
      <td>Drinks</td>
      <td>USD 2.837.000</td>
   </tr>
</table>

我遇到的问题是 iPhone 的 Safari、Android 浏览器和一些诺基亚浏览器认为（错误地）数字，例如 1.839.000 和 2.837.000 是 电话号码 因此将它们呈现为拨打电话或发短信的链接。

我的问题：是否有一个特殊的 TAG/ATTRIBUTE/CSSSTYLE 来告诉移动浏览器将那种文本显示为纯文本？

非常感谢。

【问题讨论】：

有趣的问题。在中间添加跨度标签有帮助吗？：<span>2</span>.837<span>.000</span>
@Pekka：让我试试。谢谢！
不错！但这当然是一种杂牌。如果整个页面上没有电话号码，Kenny's/Brian 的建议可能会更好。无论如何，我会添加它作为答案。

标签： html xhtml mobile mobile-website

【解决方案1】：

我不了解 Android 或诺基亚，但对于 iPhone，您可以使用 meta tag：

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

禁用将任何内容检测为电话号码。

【讨论】：

难以置信，终于有 Opera Mobile Classic 没有忽略的东西了！！这真的奏效了，我感动得快哭了：P
保留click2call但去掉蓝色下划线效果：a[href^=tel] { color: inherit;文字装饰：无； }

【解决方案2】：

这是for the iPhone 的操作方法，seems to work 也适用于 Android；它可能适用于其他浏览器，这就是我目前必须测试的全部内容：

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

【讨论】：

【解决方案3】：

如果您想保留识别电话号码并允许您点击它的功能，请使用以下解决方案：

由于 iOS 在数字周围添加了一个<a href="tel123456789"> 标签，您所要做的就是制定一个 CSS 规则来设置该标签的样式：

a[href^=tel] { color: inherit; }

感谢this Razor Edge Labs article。

【讨论】：

【解决方案4】：

Longshot，但是，尝试将句点写为&#46; - 有智能代码可以禁用移动 safari 等，但仅适用于一两个设备。如果幸运的话，您将绕过他们的正则表达式。

【讨论】：

是的，这个（我今天没有票了）或者可能是一些奇怪的 unicode 字符，碰巧看起来像 . 作为最后的手段

【解决方案5】：

正如 cmets 中所讨论的，添加任意跨度似乎会破坏对相关浏览器的检测：

<span>2</span>.837<span>.000</span>

然而，以“不解析此”属性或元标记形式的显式解决方案当然会更可取，因为它更确定在未来适用于所有/大多数平台。

【讨论】：