Ссылки на почту mailto и номер телефона tel

Рейтинг: 4 из 5, голосов 5
++++-

Современный язык разметки HTML позволяет ставить ссылки не только на страницы сайта, их элементы или файлы для скачивания, но и на номер телефона, электронную почту.

Сегодня мы обсудим такие URI схемы как mailto и tel или, другими словами, как поставить на сайте ссылку на электронную почту и номер телефона.

Ссылка mailto (гиперссылка на электронную почту)

Ссылка на электронную почту действует по следующему принципу:

При клике на ссылку mailto браузер вызывает почтовую программу, которая установлена на компьютере или в браузере пользователя по умолчанию.

Если у вас установлены расширения браузера Gmail или Яндекс.Почта, переход может быть выполнен на один из этих почтовых клиентов. На Windows, при установленном Office пакете это может быть также Microsoft Outlook.

При переходе по ссылке mailto откроется страница написания письма. В строку адреса получателя ("Кому" в Gmail) будет автоматически вписан электронный адрес, указанный в href атрибуте mailto ссылки.

Как поставить ссылку на электронную почту

Чтобы установить ссылку на email используют тег <a> с указанием атрибута href="mailto:...". То есть, в значении атрибута пишем mailto: и дальше адрес электронной почты без пробелов.

Вот пример ссылки на почтовый ящик:

<a href="mailto:example@gmail.com">example@gmail.com</a>

Ссылка tel на номер телефона

Прекрасное решение по облегчению набора номера телефона с сайта для пользователей использующих смартфоны - ссылка tel. Она позволяет пользователю осуществить звонок в прямом смысле в 2 клика (клик по ссылке и клик по кнопке "Вызов"), не прибегая к копированию телефона либо запоминанию номера, что было бы весьма неудобно.

Гиперссылка tel действует по схожему принципу с mailto, только вместо почтовой программы вызывает приложение набора номера на смартфонах и программу для звонков на компьютере (если установлена).

В поле "номер" автоматически вписывается номер телефона указанный в атрибуте href.

Как поставить ссылку на номер телефона

Чтобы установить ссылку на телефонный номер используют тег ссылки <a> с указанием атрибута href="tel:...". В значении атрибута пишем tel: и дальше номер телефона в международном формате без пробелов, тире, скобок и прочего. Только "+" и цифры за ним.

Вот пример ссылки на номер телефона:

<a href="tel:+74951111111">+7 (495) 111-11-11</a>
Оцените, насколько полезна эта статья
++++-
Эти материалы могут быть вам полезны
Тег <a> HTML ссылка, гиперссылка, якорь
Комментарии
12 апреля
Лиза
Полезные ссылочки для оперативной связи пользователя с владельцем сайта. Спасибо, запишу в свою книжечку!
Ответить
Оставьте комментарий

Отправляя форму, я даю согласие на обработку персональных данных.