使用手機瀏覽網頁的人已經從過去的少數逐漸轉成多數,當然根據網頁內容本身的特質,來訪著的裝置種類會有所差異。但網站維護者還是盡可能的,讓使用者達成良好體驗,例如:電話的超連結。
按一下撥號,連結電話號碼
新瀏覽器大部分都會自動偵測電話號碼,並自動轉換成撥號的連結。但以網站維護者的角度,在編輯時設定好超連結可以確保體驗統一,樣式也符合網站內容。
將電話號標記為連結,請使用 tel:
結構描述。
<a href="tel:+886-900-000-000">0900-000-000</a>
顯示內容如下:
0900-000-000文字編輯器添加號碼
不會編輯 html 語法也沒關係像wordpress 都有可視的文字編輯器,把文字框起來後,點選超連結的按鈕。如下方所示
將正確的電話號碼填入網址的地方,並在電話號碼前帶入 tel: 即可完成。
使用國際撥號格式
瀏覽網頁的人來自世界各地,電話號碼沒有加國碼(TW +886),會導致使用者撥打至當地的電話,使用加符號帶上國碼可確保所有人都可以正確撥號,不會有任何人撥錯電話。
標準化格式
最好將號碼的每一區段都以連字號 (-) 分隔, 以方便閱讀與自動偵測。
台灣號碼範例:
電話手機號碼是0900-000-000 在超連結裡面的電話要打成+886-900-000-000,電話號碼是市話 02-0000-0000 就要變成 +886-2-0000-0000。
電話號碼中必須有國碼
電話號碼第一位0要拿掉。