跳至主要內容
CJCJ Kuo

全站文章搜尋

輸入關鍵字即刻在靜態索引中快速搜尋
↑↓ 導航 · Enter 選取前往獨立搜尋頁 →
超簡單!電話超連結按下就撥號!
資訊技術••約 2 分鐘•451 字

超簡單!電話超連結按下就撥號!

本文目錄共 5 節

使用手機瀏覽網頁的人已經從過去的少數逐漸轉成多數,當然根據網頁內容本身的特質,來訪著的裝置種類會有所差異。但網站維護者還是盡可能的,讓使用者達成良好體驗,例如:電話的超連結。

按一下撥號,連結電話號碼

新瀏覽器大部分都會自動偵測電話號碼,並自動轉換成撥號的連結。但以網站維護者的角度,在編輯時設定好超連結可以確保體驗統一,樣式也符合網站內容。

將電話號標記為連結,請使用 tel: 結構描述。

<a href="tel:+886-900-000-000">0900-000-000</a>

顯示內容如下:

0900-000-000

文字編輯器添加號碼

不會編輯 html 語法也沒關係像wordpress 都有可視的文字編輯器,把文字框起來後,點選超連結的按鈕。如下方所示

WordPress 文字編輯器工具列中點選插入超連結按鈕示意圖

將正確的電話號碼填入網址的地方,並在電話號碼前帶入 tel: 即可完成。

在 WordPress 超連結輸入框填入 tel: 電話號碼格式設定畫面

使用國際撥號格式

瀏覽網頁的人來自世界各地,電話號碼沒有加國碼(TW +886),會導致使用者撥打至當地的電話,使用加符號帶上國碼可確保所有人都可以正確撥號,不會有任何人撥錯電話。

標準化格式

最好將號碼的每一區段都以連字號 (-) 分隔, 以方便閱讀與自動偵測。

台灣號碼範例:

電話手機號碼是0900-000-000 在超連結裡面的電話要打成+886-900-000-000,電話號碼是市話 02-0000-0000 就要變成 +886-2-0000-0000。

電話號碼中必須有國碼

電話號碼第一位0要拿掉。

參考來源:

查看此系列所有文章 →
CJ Kuo (郭仕杰)

CJ Kuo (郭仕杰)

創辦人兼主筆

熱愛軟體架構、DevOps、系統調優與新技術探索的工程實踐者,也會寫寫投資和生活。

獨立技術專刊推播

訂閱技術電子報

有新文章發布時寄送到您的信箱,不發送垃圾信。