在 HTML 中建立電話號碼連結
Subodh Poudel
2023年2月19日
2022年4月22日
本文將指導你使用 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>
上面示例中的數字之間的 -
符號是為了便於閱讀而寫的。以這種格式書寫不是強制性的。
從其他國家撥打電話號碼時,需要使用國家程式碼。如果你的本地業務僅限於你所在的國家/地區,則無需在你的網站上使用國家/地區程式碼。
Author: Subodh Poudel
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