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 khi vận hành (chẳng hạn như hiệu ứng di chuột) mà còn phải tính đến 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.
Nhân tiện, bạn nên sử dụng “+49” trước trong thuộc tính href vì nó cho phép khách hàng từ nước ngoài có được kết nối điện thoại phù hợp ở Đức. Bạn có thể sử dụng đánh dấu sau để đảm bảo rằng số điện thoại trong phần danh bạ của trang web sẽ ngay lập tức mở ứng dụng điện thoại khi nhấn vào:
<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 nếu không cài đặt plugin Skype) không bị nhầm lẫn, chúng tôi cũng khuyên bạn nên đánh dấu CSS sau, điều đó có nghĩa là 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;
}
}