Правильно зв’яжіть номери телефонів

Якщо ви оптимізуєте власний веб-сайт для мобільних пристроїв, вам слід не лише звертати увагу на різні розміри екрану, оптимізований час завантаження та спеціальні функції в роботі (наприклад, ефекти наведення), а й враховувати спеціальні можливості пристроїв. Сюди також входить (деякі люди, можливо, забули) здійснення телефонних дзвінків.


До речі, попереднє “+49” в атрибуті href рекомендується, оскільки це дозволяє клієнтам з-за кордону отримати доступ до правильного телефонного зв’язку в Німеччині. Наступну розмітку можна використовувати, щоб номер телефону в області контактів веб-сайту відкривав програму телефону, коли ви її торкаєтесь:

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

Щоб користувачі настільних комп'ютерів (які не можуть нічого зробити з тегом HTML без встановленого плагіна Skype) не були заплутані, також рекомендується навести наступну розмітку CSS, щоб посилання не можна було розпізнати як таке:

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;
   }
}
Назад