Как в 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.

Залишити коментар до Аудит Pr Скасувати коментар