How to Create Mailto Links
Mailto links are used to redirect to an email address instead of a web page URL. When a user clicks on the Mailto link, the default email client on the visitor’s computer opens and suggests sending a message to the email address mentioned in the Mailto link.
To create a Mailto link, you need to use the HTML <a> tag with its href attribute, and insert a «mailto:» parameter after it, like the following:
If you want to receive the email to more than one address, separate your email addresses with a comma:
The following fields can be filled out beforehand:
- subject — for the subject line,
- cc — for sending a carbon copy,
- bcc — for sending a blind carbon copy,
- body — for the message’s body text.
If you want to have a subject field, which is already filled out, add the “subject” parameter to the href attribute:
To add CC and BCC to your email, use the «cc» or «bcc» parameter on the href attribute:
To add a body text, use the «body» parameter with other parameters:
Putting all together, we’ll have the following example.
The downside of Mailto links
Using Mailto links is quite easy and helpful, but it also has downsides for many users. Mailto links can lead to appearing in spam. It’s one of the most common ways used by spammers.
Even if you don’t receive many spams, or have a good spam filter, you cannot escape from spam emails. It’s better to use a Mailto form on your website instead of a Mailto link.
HTML-ссылка mailto
mailto: HTML-ссылка на электронную почту, что это такое, как создать, примеры и генератор кода.
Что такое ссылка mailto
Ссылка Mailto — это тип HTML-ссылки, которая активирует почтовый клиент по умолчанию на компьютере для отправки электронной почты.
Веб-браузер требует, чтобы на его компьютере было установлено программное обеспечение электронной почты по умолчанию, чтобы активировать почтовый клиент.
Если у вас , например , Microsoft Outlook в качестве почтового клиента по умолчанию, нажатие на ссылку mailto откроет новое окно почты .
Как создать ссылку mailto в HTML
Ссылка mailto записывается как обычная ссылка с дополнительными параметрами внутри атрибута href:
<a href="mailto:name@email.com"/Link text</a/
| Параметр | Описание |
|---|---|
| mailto:name@email.com | адрес получателя электронной почты |
| cc=name@email.com | адрес электронной почты с копией |
| bcc=name@email.com | адрес электронной почты для слепой копии |
| subject=subject text | тема электронного письма |
| body=body text | тело электронного письма |
| ? | разделитель первого параметра |
| & | разделитель других параметров |
mailto примеры
Написать на адрес электронной почты
<a href="mailto:name@rapidtables.org"/Send mail</a/
Код сгенерирует эту ссылку:
При нажатии на ссылку выше откроется новое почтовое окно:
Отправить письмо на адрес электронной почты с темой
<a href="mailto:name@rapidtables.org?subject=The%20subject%20of%20the%20mail"/Send mail with subject</a/
% 20 представляет собой пробел.
Код сгенерирует эту ссылку:
При нажатии на ссылку выше откроется новое почтовое окно:
Отправить письмо на адрес электронной почты с копией, скрытой копией, темой и телом
<a href="mailto:name1@rapidtables.org?cc=name2@rapidtables.org&bcc=name3@RT
&subject=The%20subject%20of%20the%20email
&body=The%20body%20of%20the%20email"/
Send mail with cc, bcc, subject and body</a/
% 20 представляет собой пробел.
Код сгенерирует эту ссылку:
При нажатии на ссылку выше откроется новое почтовое окно:
Как добавить пробелы в теме или теле письма
Вы можете добавить пробелы, вписав %20 текст в тему или основной текст.
<a href="mailto:name@mail.com?subject=The%20subject&body=This%20is%20a%20message%20body"/Send mail</a/
Как добавить разрыв строки в тело письма
Вы можете добавить новую строку, написав %0D%0A текст в теле.
<a href="mailto:name@mail.com?body=Line1-text%0D%0ALine2-text">Send mail</a>
Как добавить нескольких получателей электронной почты
Вы можете добавить нескольких получателей, написав разделитель-запятую ( , ) между адресами электронной почты.
Ссылка на E-mail или Mailto в HTML
Ссылка на E-mail в HTML делается как обычно: с помощью элемента <a> , только вместо пути, который указывается в качестве значения атрибута href , пишется слово «mailto» и, через двоеточие (:), адрес электронной почты:
Если кликнуть по такой ссылке, то откроется почтовая программа, заданная по умолчанию для обработки ссылок-mailto, в которой, в шаблоне письма, поле Кому будет уже заполнено соответствующим адресом.
Адрес электронной почты указывать необязательно; в этом случае поле Кому останется пустым; однако двоеточие пишется всегда.
Параметры
Помимо простого указания адресата, в ссылках-mailto можно использовать параметры, с помощью которых почтовой программе сообщаются тема и содержание письма, а также кому отправить обычную и скрытую копию.
| Параметр | Значение |
|---|---|
| subject | тема письма |
| body | содержание письма |
| cc | кому отправить обычную копию |
| bcc | кому отправить скрытую копию |
Синтаксис
То есть, сначала указывается слово «mailto»; затем — двоеточие (:); затем — адрес электронной почты (необязательно); затем — вопросительный знак (?); затем — пары «параметр=значение», разделённые амперсандом (&).
Адресов почты можно указывать несколько, разделяя их запятой или пробелом.
Пример
В примере амперсанды (&) заменены на соответствующие мнемоники (&), так как иначе документ не пройдёт валидацию.
Mailto в формах
В качестве обработчика формы, путь к которому указывается в атрибуте action элемента <form> , можно использовать адрес электронной почты. Это делается по аналогии с обычными ссылками на E-mail.
По некоторым причинам пример не работает в браузере Google Chrome.
Вместе с адресом электронной почты после двоеточия можно указывать дополнительную информацию (например, имя получателя); при этом, для корректного определения адреса почты, его лучше заключить в угловые скобки (%3C и %3E) как показано в примере ниже:
Ссылки на почту mailto и номер телефона tel
Современный язык разметки HTML позволяет ставить ссылки не только на страницы сайта, их элементы или файлы для скачивания, но и на номер телефона, электронную почту.
Сегодня мы обсудим такие URI схемы как mailto и tel или, другими словами, как поставить на сайте ссылку на электронную почту и номер телефона.
Ссылка mailto (гиперссылка на электронную почту)
Ссылка на электронную почту действует по следующему принципу:
При клике на ссылку mailto браузер вызывает почтовую программу, которая установлена на компьютере или в браузере пользователя по умолчанию.
Если у вас установлены расширения браузера Gmail или Яндекс.Почта, переход может быть выполнен на один из этих почтовых клиентов. На Windows, при установленном Office пакете это может быть также Microsoft Outlook.
При переходе по ссылке mailto откроется страница написания письма. В строку адреса получателя («Кому» в Gmail) будет автоматически вписан электронный адрес, указанный в href атрибуте mailto ссылки.
Как поставить ссылку на электронную почту
Чтобы установить ссылку на email используют тег <a> с указанием атрибута href=»mailto. » . То есть, в значении атрибута пишем mailto: и дальше адрес электронной почты без пробелов.
Вот пример ссылки на почтовый ящик:
Ссылка tel на номер телефона
Прекрасное решение по облегчению набора номера телефона с сайта для пользователей использующих смартфоны — ссылка tel . Она позволяет пользователю осуществить звонок в прямом смысле в 2 клика (клик по ссылке и клик по кнопке «Вызов»), не прибегая к копированию телефона либо запоминанию номера, что было бы весьма неудобно.
Гиперссылка tel действует по схожему принципу с mailto , только вместо почтовой программы вызывает приложение набора номера на смартфонах и программу для звонков на компьютере (если установлена).
В поле «номер» автоматически вписывается номер телефона указанный в атрибуте href .
Как поставить ссылку на номер телефона
Чтобы установить ссылку на телефонный номер используют тег ссылки <a> с указанием атрибута href=»tel. » . В значении атрибута пишем tel: и дальше номер телефона в международном формате без пробелов, тире, скобок и прочего. Только «+» и цифры за ним.