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

Nếu bạn tối ưu hóa trang web của riêng mình cho thiết bị di động, bạn không chỉ nên chú ý đến 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 đang hoạt động (chẳng hạn như hiệu ứng di chuột) mà còn phải xem xét các khả năng đặc biệt của thiết bị. Điều này cũng bao gồm (một số người có thể đã quên) 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