Как в 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 року займаюся веб-розробкою. Зараз я – PHP Full Stack Developer.
Обговорити ваш проект, а також дізнатися більше про мене ви можете на цьому сайті:
dev.forwww.com

Email: dmitriyribka@gmail.com

4 коментаря

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

Залишити відповідь