Шпаргалка HTML & CSS

Как добавить номер телефона и адрес электронной почты на сайт в HTML

Очень часто при верстке сайтов приходиться добавлять на страницу такие контактные данные, как номер телефона и ссылку на электронную почту.
Когда такие данные есть на сайте, то будет удобней, если пользователь откроет нужное приложения для связи с вами просто кликнув по номеру телефона или по адресу почты. Для этого их нужно правильно указать в коде вашей странице. Если вы создаете сайт на CSM WordPress, тогда нужно придерживаться определенных правил, если ваш сайт сделан на чистом HTML, тогда вам отлично подойдет пример описанный ниже.

Как добавить номер телефона на сайт в HTML формате

Чтобы при клике на номер телефона можно было сразу позвонить, его нужно правильно добавить.
Для этого номер телефона нужно сделать ссылкой с приставкой tel:

html

<a href="tel:+74990000000">+7(499) 000-00-00</a>

Как добавить адрес электронной почты на сайт HTML формате

Для того, чтобы добавить адрес электронной почты на сайт в HTML формате, чтобы при клике на нем открывался мессенджер для отправки сообщения, его нужно вывести ссылкой с приставкой mailto:

html

<a href="mailto:info@info.ru">info@info.ru</a>

Еще по теме:

Напишите что нибудь:

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