Каждый веб-мастер старается сделать созданный сайт максимально удобным и адаптивным для конечного пользователя. Исходя из этого утверждения у некоторых начинающих сайтостроителей возникают вопросы, связанные с контактной информацией в виде указанного номера телефона на сайте. Цитирую один из таких вопросов:
Как при открытии сайта с мобильного устройства сделать номер телефона ссылкой сразу на звонок? Поясняю: пользователь видит номер телефона, нажимает на него, номер автоматически набирается для звонка по указанному телефону.
Данную задачу легко реализовать при помощи ссылки формата tel:. Поддержка данного формата есть практически в каждом мобильном устройстве и популярных мобильных браузерах.
Формат ссылки tel:
/*Будет отправлен в набор номер телефона +79514522195*/ <a href="tel:+79514522195">Позвонить</a>
Пример ссылки tel:
При клике на данную ссылку с компьютера на котором установлен Skype или подобное ПО, система попросит подтвердить открытие внешнего приложения.
Если ссылки формата tel: необходимо оформить особенным образом - воспользуйтесь селекторами, которые прописываются в css файлах, подключенных к Вашему сайту.
/*В фигурных скобках {...} пропишите свои стили*/
a[href^="tel:"] {color: #F00; border-bottom: 1px solid #F00}
Комментарии