Мобильный HTML-код рендеринга

Question

У меня есть мобильная WEB-страница с банковским выпиской. Что-то вроде этого:

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> 

Проблема, которую я имею что Safari, Android браузеры iPhone и некоторые Nokia браузеры мыслящие (ошибочно) номера, такие как 1.839.000 и 2.837.000 являются телефоны поэтому оказание им как ссылки делать телефонные звонки или делать текстовые сообщения.

Мой вопрос: есть ли специальный TAG/ATTRIBUTE/CSSSTYLE, чтобы сообщить мобильному браузере, чтобы показать этот текст как простой текст?

Большое спасибо.

Answer 1

Я не знаю о Android или Nokia, но и для iPhone можно использовать meta tag:

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

отключить что-нибудь, как номер телефона обнаружения.

Answer 2

Longshot, но, попробуйте написать период как . - есть смарт-коды, которые могут отключить это для мобильных сафари и т. Д., Но это работает только для одного-двух устройств. Если вам повезет, вы обойдете их регулярное выражение.

Answer 3

Вот как вы это делаете for the iPhone, который seems to work для Android также; он может работать и в других браузерах, это все, что я должен проверить с на данный момент:

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

Answer 4

Как обсуждалось в комментариях, добавляя произвольные промежутки кажется, перерыв обнаружения для браузера в вопросе:

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

Однако явное решение в виде атрибута «не анализируйте этот» или «метатег», конечно, было бы предпочтительнее, так как было бы более уверенно работать в будущем и для всех/большинства платформ.

Answer 5

В случае, если вы хотите сохранить функциональность, которая распознает номер телефона как таковые и позволяет выявить его, использовать это решение:

С прошивкой добавляет <a href="tel123456789"> тега вокруг числа, все, что вам нужно сделать, это создать правило CSS, что стили этот тег:

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

заслуга this Razor Edge Labs article.