html - title和meta - 網頁標題




點擊手機網頁中的鏈接時如何觸發電話 (3)

我需要為移動設備構建一個網頁。 只有一件事我還沒弄清楚:如何通過點擊文本觸發電話?

有沒有可以輸入的特殊URL,例如郵件的mailto:標籤?

設備特定的解決方案不是首選。

我知道iPhone會自動識別電話號碼,並為此創建一個鏈接,但如果可以對圖像進行此操作,並且也適用於大多數移動設備,這將非常棒。


可點擊智能手機鏈接代碼:

以下鏈接可用於創建可點擊的電話鏈接。 您可以復制下面的代碼並將其粘貼到您的網頁中,然後使用您的電話號碼進行編輯。 此代碼可能不適用於所有手機,但適用於iPhone,Droid / Android和Blackberry。

<a href="tel:1-847-555-5555">1-847-555-5555</a>

電話號碼鏈接可以與破折號一起使用,如上所示,或者沒有它們,以及在以下示例中:

<a href="tel:18475555555">1-847-555-5555</a>

只要電話號碼設置為“tel:18475555555”就可以使用鏈接中的任何文本,如下例所示:

<a href="tel:18475555555">Click Here To Call Support 1-847-555-5555</a>

以下是您可以查看的可點擊電話超鏈接。 在大多數非手機瀏覽器中,該鏈接會給你一個“網頁無法顯示”的錯誤或者什麼都不會發生。

注意: iPhone Safari瀏覽器將自動檢測頁面上的電話號碼,並將文本轉換為通話鏈接,而無需使用此頁面上的任何代碼。

Wtai智能手機鏈接代碼:wtai或“無線電話應用程序接口”鏈接代碼如下所示。 此代碼被認為是正確的手機協議,並且可以在Droid等智能手機上使用,但是,它可能不適用於iPhone上的Apple Safari,並且建議使用上述代碼。

<a href="wtai://wp/mc;18475555555">Click Here To Call Support 1-847-555-5555</a> 

大多數現代設備都支持tel:方案。 所以使用<a href="tel:555-555-5555">555-555-5555</a> ,你應該很好去。

如果您想將其用於圖片, <a>標籤可以處理放置在其中的<img/> ,就像其他正常情況一樣: <a href="tel:555-555-5555"><img src="path/to/phone/icon.jpg" /></a>


為了完整起見,希望在此添加答案。

<a href="tel:1234567">Call 123-4567</a>

在大多數設備上工作得很好。 但是,在桌面上,這會顯示為一個鏈接,當您點擊它時不會執行任何操作,因此您應該考慮使用CSS使其僅在移動設備上有條件可見。

此外,你應該知道,Skype(這是相當流行)默認使用不同的語法(但可以參數化使用tel :)。

<a href="callto:1234567">Call 123-4567</a>

但是,我認為在最新的移動瀏覽器(我確實知道Android)中, tel語法應該提供一個可用的應用程序彈出窗口,可用於完成調用操作。







url-protocol