Liên kết các số điện thoại một cách chính xác

Khi tối ưu hóa trang web cho thiết bị di động, bạn không chỉ nên tập trung vào các kích thước màn hình khác nhau, thời gian tải được tối ưu hóa và các tính năng đặc biệt (như hiệu ứng di chuột), mà còn phải xem xét các khả năng cụ thể của thiết bị. Điều này bao gồm (một số người có thể đã quên) việc thực hiện cuộc gọi điện thoại.


Ngẫu nhiên, một tiền tố “+49” trong thuộc tính href được khuyến nghị vì nó cho phép khách hàng từ nước ngoài truy cập vào kết nối điện thoại phù hợp ở Đức. Để một số điện thoại trong vùng liên hệ của trang web cùng một lúc, ứng dụng điện thoại mở ra khi bạn nhấn, có thể sử dụng đánh dấu sau:

<a href="tel:+498921555122">089 21 555 122</a>

Để người dùng máy tính để bàn (những người không thể làm bất cứ điều gì với thẻ HTML mà không có plugin Skype đã cài đặt) không bị nhầm lẫn, đánh dấu CSS sau được khuyến nghị để liên kết không thể được nhận dạng như vậy:

a[href^="tel"] {
   cursor: default;
   text-decoration: none;
   color: #000;
}
@media only screen and (max-device-width: 480px) {
   a[href^="tel"] {
      text-decoration: underline;
      color: blue;
   }
}
Trở lại