Как в HTML сделать ссылку на телефон, емейл и скайп

В современном 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 — вид активной ссылки.

Соответствующие стили можно задать через вышеперечисленные псевдоклассы.

Если на вашем сайте необходимо выполнить доработки по шаблону, или изменить вёрстку - обращайтесь :)

автор: Dmitriy

Занимаюсь веб-разработкой с 2011 года. Посмотреть некоторые из моих работ, а также узнать чуть больше обо мне, вы можете на forwww.ru

Пишите, отвечу на любые вопросы.
E-mail: dmitriyribka@gmail.com

4 комментария

  1. Супер, большое спасибо за пост, сейчас уже исправил свои ссылки на странице контактов.

  2. Как определить оточно, не знаю. Мажно проверить является ли этот браузер десктопным или мобильным. Если мобильным только тогда показывать ссылку как tel.

    1. самый простой вариант сделать дубль в HTML и скрывать\отображать при помощи медиа запросов на ширину экрана

Добавить комментарий для Dmitriy Отменить ответ

Ваш адрес email не будет опубликован. Обязательные поля помечены *