電話號碼Safari中並沒有顯示在iOS

Question

我有一個HTML網頁，其中有以下文字：

<font face="Tahoma, Geneva, sans-serif">Please contact our sales person by email: salesperson@company.com or by phone: 888-888-8888</font> 

它除了在iOS上的Safari瀏覽器的每個顯示良好。號碼就在那裏，因爲你可以點擊它，iOS設備會提示你撥打這個號碼。它只是不可見。

一個我找到了解決辦法是將下面的代碼行添加到頁面的頭：

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

數量變得可見，但Safari瀏覽器不能識別它作爲一個電話號碼了，所以用戶不能進行點按通話。

另一個解決辦法是使電話號碼的鏈接：

<a href="tel:888-888-8888" style="color:#000">888-888-8888</a> 

但在這種情況下，IE實際上是嘗試去「電話：888-888-8888」的鏈接，所以它不是最好的解決方案。

所以問題是：是否可以將電話號碼保留爲文本，但在iOS設備上將其作爲電話號碼在Safari中可見並可識別？

附加信息：因爲它是在鏈接的CSS文件中指定

字體爲白色。我不想改變它，因爲這會影響所有其他鏈接，這些鏈接假定爲白色。這是iOS上的唯一一個通過電話號碼建立超級鏈接的Safari。

Answer 1

嘗試創建與原始鏈接相同的獨立鏈接類，並使您的代碼中的每個鏈接成爲該類的鏈接。將電話號碼保留爲純文本。它應該工作。

Answer 2

font tag已過時，不應使用。它在HTML 4.01中被棄用，並且在HTML 5中完全不受支持。

如果通過CSS應用文本樣式，它應該顯示在移動Safari中。

相反的：

<font face="Tahoma, Geneva, sans-serif">Please contact our sales person by email: salesperson@company.com or by phone: 888-888-8888</font> 

嘗試：

<span style="font-family: Tahoma, Geneva, sans-serif;"> 
     Please contact our sales person by email: salesperson@company.com or by phone: 888-888-8888 
</span> 

理想情況下，你會使用樣式表來指定網頁的呈現，但如果你只是想要一個插入式解決方案，這應該工作。 Write valid html，但是，你不會遇到這種問題。

Answer 3

該解決方案爲我

a[href^=tel] { 
    color: inherit; 
    text-decoration: none; 
} 

我在這裏找到。 https://css-tricks.com/forums/topic/phone-numbers-not-displaying-in-safari/

它似乎是一個奇怪的與safari處理數字的方式問題。

Answer 4

看來IOS會將電話號碼變成錨點，即使它不在錨點中。給它一個類或id，然後設計你的錨點。

.contact { } 
.contact a { text-decoration: none; color: #000000; } 

Answer 5

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

在頭部將其設置爲關閉電話號碼檢測網頁。

來源：https://developer.apple.com/library/content/featuredarticles/iPhoneURLScheme_Reference/PhoneLinks/PhoneLinks.html#//apple_ref/doc/uid/TP40007899-CH6-SW1