Как сделать ссылку на телефон и почту

Короткий ответ

Для телефона в href пишут схему tel:, для почты — mailto::

<p>Call us: <a href="tel:+15551234567">+1 555 123-45-67</a></p>
<p>Write to us: <a href="mailto:hello@example.com">hello@example.com</a></p>

На телефоне нажатие по первой ссылке открывает набор номера, по второй — почтовое приложение.

Номер в href

В адресе номер пишут в международном формате, без пробелов, скобок и дефисов: tel:+15551234567. Текст ссылки при этом может быть любым — в удобной для чтения записи.

Письмо с темой и текстом

После адреса можно передать параметры: тему subject, текст body и копию cc. Пробелы в них заменяют на %20:

<a href="mailto:hello@example.com?subject=Order%20question&body=Hello!">Ask about an order</a>

Мессенджеры

Похожим образом работают ссылки на мессенджеры, например sms:+15551234567 открывает сообщения с этим номером.

Частая ошибка

Номер в href записывают с пробелами и скобками или без кода страны: tel:8 (555) 123-45-67. Одни телефоны такой номер разберут, другие наберут неверно или не наберут вовсе. В адресе — только +, код страны и цифры.