Обычно телефонные номера добавляются на страницу сайта в виде простого статичного текста, и это не дает пользователям возможности взаимодействовать с этим элементом. Так как все больше и больше людей начинают пользоваться интернетом при помощи мобильного телефона, пришло время поменять обычные цифры на сайте на кликабельные области, которые позволили бы посетителям набирать номер простым нажатием по нему на странице.
На сегодняшний день большинство мобильных устройств с браузером также являются телефонами! Так почему бы не создавать для телефонных номеров на вашей странице ссылки, кликая по которым вызывалось бы встроенное приложение для звонков.
Посредством этого нового свойства вы можете публиковать телефонные номера в виде ссылок, чтобы набирать их можно было одним нажатием!
Чтобы позволить вашим посетителям связаться с вами прямо с той страницы, где они увидели ваш контактный email, то в параметре ссылки href нужно просто прописать Mailto:
<a href="mailto:">Example Email</a>
При клике эта ссылка открывает почтовый клиент пользователя по умолчанию и создает новый email с уже указанным адресом.
Для того чтобы кликать можно было и по телефонным номерам и тут же набирать их, вы можете использовать атрибут tel:
<a href="tel:01234567890">01234 567 890</a>
В результате этого вы получите кликабельные телефонные номера вместо простого статичного текста.
Открываем телефонный номер в Skype
Для того чтобы ссылка открывалась в Skype, вам нужно будет изменить атрибут tel: на callto:
<a href="callto:01234567890">01234 567 890</a>
Рубрики
-
3D и графика ( 7 )
-
Веб разработка ( 13 )
-
Железо и периферия ( 8 )
-
Портфолио и резюме ( 3 )
-
Сервер на Debian Linux ( 20 )
-
Сисадмину на заметку ( 14 )
-
Тестовая лаборатория ( 10 )
Новые записи
25.03.23 Ошибка 0x00000709 при попытке установить сетевой USB принтер
05.10.19 Добавление сертификата в exim4
18.08.18 Утилиты диагностики системы Linux
02.10.16 Отключение systemd на Debian
Комментарии
- Всё отлично! Спасибо за гайд!
03.03.24 08:01 комментирует: Luidgi Vampa - Добрый день! Спасибо вам за ваши статьи! Подскажите пожалуйста. Как проверить ус...
17.01.24 01:47 комментирует: Олег - Спасибо, проделал на ноутбуке dv5-1040er, скорость реально выросла. Делал на w10...
10.10.23 15:58 комментирует: Евгений - у мене схожа проблема як була у вас... чому ви вирішили ввести 92500000??? дякую...
11.04.23 01:51 комментирует: Володимир