Số hiển thị HTML trên điện thoại di động

Question

Tôi có Trang WEB di động hiển thị bảng sao kê ngân hàng. Một cái gì đó như thế này:

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

Tôi đang sử dụng . làm dấu phân tách nghìn vì đó là cấu hình ngôn ngữ của chúng tôi cho điều đó.

HTML rất đơn giản. Một cái gì đó như thế này:

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

Vấn đề tôi đang gặp là Safari, Android trình duyệt iPhone và một số trình duyệt Nokia đang nghĩ (sai lầm) số như 1.839.000 và 2.837.000 là số điện thoại do đó khiến chúng như liên kết để thực hiện cuộc gọi điện thoại hoặc thực hiện một số nhắn tin.

Câu hỏi của tôi: Có TAG đặc biệt/ATTRIBUTE/CSSSTYLE để cho trình duyệt di động hiển thị loại văn bản đó là văn bản thuần túy không?

Cảm ơn rất nhiều.

Answer 1

Tôi không biết về Android hoặc Nokia, nhưng đối với iPhone, bạn có thể sử dụng meta tag:

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

để vô hiệu hóa việc phát hiện bất cứ điều gì như một số điện thoại.

Answer 2

Longshot, nhưng, hãy thử viết khoảng thời gian là . - có các mã thông minh có thể tắt tính năng đó cho safari di động, v.v. nhưng chỉ hoạt động đối với một hai thiết bị. Nếu bạn may mắn, bạn sẽ bỏ qua regex của họ.

Answer 3

Đây là cách bạn làm điều đó for the iPhone, trong đó seems to work dành cho Android; nó có thể làm việc trong các trình duyệt khác, đó là tất cả tôi phải thử nghiệm với tại thời điểm này:

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

Answer 4

Như đã thảo luận trong các ý kiến, thêm nhịp tùy ý dường như phá vỡ phát hiện cho trình duyệt trong câu hỏi:

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

Tuy nhiên,

, một giải pháp rõ ràng dưới dạng thuộc tính "không phân tích cú pháp" này hoặc thẻ Meta sẽ thích hợp hơn, vì nó sẽ chắc chắn hơn để làm việc trong tương lai và cho tất cả/hầu hết các nền tảng.

Answer 5

Trong trường hợp bạn muốn giữ lại các chức năng mà nhận ra số điện thoại như vậy và cho phép bạn để khai thác nó, sử dụng giải pháp này:

Kể từ iOS cho biết thêm một thẻ <a href="tel123456789"> xung quanh số lượng, tất cả các bạn phải làm là tạo ra một quy tắc css rằng phong cách thẻ này:

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

tín dụng đi vào this Razor Edge Labs article.