Zahlen für die mobile HTML-Wiedergabe

Question

Ich habe eine mobile WEB-Seite, die einen Kontoauszug anzeigt. Etwas wie dies:

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

Ich verwende . als Tausendertrennzeichen, da dies unsere Gebietsschema-Konfiguration dafür ist.

HTML ist sehr einfach. Etwas wie dies:

<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>

Das Problem, das ich habe, ist, dass der Safari des iPhones, die Android-Browser und einige Nokia-Browser Denken (fälschlicherweise) Zahlen wie 1.839.000 y 2.837.000 son Rufnummern Dadurch werden sie zu Links, mit denen man telefonieren oder eine SMS schreiben kann.

Meine Frage: Gibt es einen speziellen TAG/ATTRIBUTE/CSSSTYLE, um dem mobilen Browser mitzuteilen, dass er diese Art von Text als einfacher Text ?

Herzlichen Dank.

Answer 1

Ich weiß nicht, wie es bei Android oder Nokia ist, aber für das iPhone können Sie die Meta-Tag :

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

um zu verhindern, dass irgendetwas als Telefonnummer erkannt wird.

Answer 2

So geht's für das iPhone ということです。 scheint zu funktionieren auch für Android; es kann in anderen Browsern funktionieren, das ist alles, was ich im Moment zum Testen habe:

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

Answer 3

Falls Sie die Funktion beibehalten möchten, die die Telefonnummer als solche erkennt und Ihnen erlaubt, sie anzutippen, verwenden Sie diese Lösung:

Seit iOS fügt eine <a href="tel123456789"> Tag um die Zahl, müssen Sie nur eine CSS-Regel erstellen, die dieses Tag formatiert:

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

Die Anerkennung geht an dieser Artikel von Razor Edge Labs .

Answer 4

Das ist weit hergeholt, aber versuchen Sie, den Punkt als . - Es gibt intelligente Codes, mit denen diese Funktion für den mobilen Safari usw. deaktiviert werden kann, aber das funktioniert nur bei ein bis zwei Geräten. Wenn du Glück hast, umgehst du die Regex.

Answer 5

Wie in den Kommentaren erörtert, scheint das Hinzufügen beliebiger Abstände die Erkennung für den betreffenden Browser zu unterbrechen:

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

Eine explizite Lösung in Form eines "don't parse this"-Attributs oder eines Meta-Tags wäre jedoch natürlich vorzuziehen, da sie mit größerer Sicherheit in der Zukunft und für alle bzw. die meisten Plattformen funktionieren würde.