В современном HTML появились новые возможности у ссылок – теперь по клику мы можем не только переходить на другие страницы и скачивать файлы, но и совершать звонки на телефоны, отправлять сообщения на почтовый ящик и даже звонить по скайпу.
Как сделать ссылку в HTML на телефон, скайп и e-mail
Все довольно просто:
<a href="tel: +74951234567">+7 (495) 123-45-67</a> <a href="mailto: example@mail.ru">example@mail.ru</a> <a href="skype: someskype?call">someskype</a>
Атрибут нашего тега <a href=””>, или hypertext reference, должен начинаться со специального слова, после которого идет двоеточие, и уже после мы пишем телефон, емейл или логин скайпа.
Кстати говоря, многие забывают выставлять ссылкам соответствующие события:
a:hover {}
a:link {}
a:visited {}
a:active {}
:hover – вид ссылки при наведении,
:link – непосещенные ссылки,
:visited – посещенные ссылки,
:active – вид активной ссылки.
Соответствующие стили можно задать через вышеперечисленные псевдоклассы.
Супер, большое спасибо за пост, сейчас уже исправил свои ссылки на странице контактов.
День добрый.
Спасибо за ресурс.
Как определить оточно, не знаю. Мажно проверить является ли этот браузер десктопным или мобильным. Если мобильным только тогда показывать ссылку как tel.
самый простой вариант сделать дубль в HTML и скрывать\отображать при помощи медиа запросов на ширину экрана