在 HTML 中建立電話號碼連結

Subodh Poudel 2023年2月19日 2022年4月22日
在 HTML 中建立電話號碼連結

本文將指導你使用 HTML 從移動裝置撥打電話號碼。首先,我們將在 HTML 中建立一個連結,它會在呼叫連結時呼叫該號碼。

在 HTML 中為電話號碼建立超連結

我們可以使用用於建立超連結的錨 a 標籤在 HTML 中建立電話號碼連結。我們可以在 a 標籤之間以可讀格式指定電話號碼,並將其設定在 href 屬性中。

我們在 href 屬性中使用 tel: 關鍵字後跟電話號碼。此語法建立一個連結以將呼叫定向到電話號碼。

例如,建立一個 a 標記並在 href 屬性中寫入tel:907-212-7084。接下來,在 a 標籤之間寫上相同的數字。

當我們從移動裝置訪問網頁時,會出現一個帶有電話號碼的可點選連結。單擊超連結時,它會將使用者重定向到帶有電話號碼的電話號碼撥號盤。

示例程式碼:

<a href="tel:907-212-7084">907-212-7084</a>

最好在電話號碼前使用國家程式碼,因為網頁的使用者可能來自不同的國家。

下面的示例代表美國的電話號碼。

示例程式碼:

<a href="tel:+1-907-212-7084">+1-907-212-7084</a>

上面示例中的數字之間的 - 符號是為了便於閱讀而寫的。以這種格式書寫不是強制性的。

從其他國家撥打電話號碼時,需要使用國家程式碼。如果你的本地業務僅限於你所在的國家/地區,則無需在你的網站上使用國家/地區程式碼。

Subodh Poudel avatar Subodh Poudel avatar

Subodh is a proactive software engineer, specialized in fintech industry and a writer who loves to express his software development learnings and set of skills through blogs and articles.

LinkedIn