Свяжите номера телефонов правильно

Если вы оптимизируете свой собственный веб-сайт для мобильных устройств, вы должны не только обращать внимание на разные размеры экрана, оптимизированное время загрузки и специальные функции в работе (например, эффекты наведения), но также учитывать особые возможности устройств. Это также включает (некоторые люди, возможно, забыли) телефонные звонки.


Кстати, рекомендуется использовать префикс «+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;
   }
}
Назад