Продвинутая работа с HTML mailto

Ссылка mailto позволяет пользователям отправлять электронные письма прямо с веб-сайта, используя почтовый клиент пользователя по умолчанию. Но как создать ссылку mailto в HTML?

В этой статье я расскажу вам, как создать ссылку mailto в HTML, используя пример кода.

Основной mailto синтаксис ссылки

Вот основной синтаксис ссылки mailto:

                          
<a href="mailto:sinan@frontendgroup.ru">Напишите мне по данному адресу</a>

В браузере пользователь может щелкнуть ссылку, и он откроет свой почтовый клиент по умолчанию.

В этом примере, когда я нажимаю на ссылку, открывается мое почтовое приложение, и адрес электронной почты уже указан в to поле.

Используя этот метод, я смогу быстро отправить электронное письмо и вернуться на сайт.

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

Вы можете добавить несколько адресов электронной почты в ссылку mailto, используя следующий синтаксис:

                          
<a href="mailto:sinan@frontendgroup.ru, test@frontendgroup.ru">
    Несколько адресов электронной почты
</a>

Важно разделять несколько адресов электронной почты запятыми.

Когда я нажимаю на ссылку в браузере, оно открывает Mail приложение и заполняет toполя адресами электронной почты.

Как добавить строку темы к ссылке mailto

Вот пример кода, который показывает, как добавить строку темы к ссылке mailto.

                          
<a href="mailto:sinan@frontendgroup.ru, test@frontendgroup.ru?subject=у вас очень классный сайт">
    Использование параметра subject и знака ?
</a>    

После адресов электронной почты вам нужно добавить ? чтобы разделить электронные письма и subject параметр. Если вы не укажете ? ссылка на тему не будет работать.

Как добавить CC и BCC в ссылку mailto

Это пример, показывающий, как добавить получателей CC (копия) и BCC (скрытая копия) к ссылке mailto.

                          
<a href="mailto:sinan@frontendgroup.ru, test@frontendgroup.ru?cc=sinan@frontendgroup.ru &bcc=jtest@frontendgroup.ru &subject=у вас очень классный сайт">
     Использование параметров СС и BCC
</a>    

После адресов электронной почты вам нужно добавить ?, чтобы разделить электронные письма и CC параметр. Вам также необходимо добавить & перед параметрами BCC и subject.

Как добавить параметр body в ссылку mailto

Это пример, показывающий, как использовать параметр body со ссылкой mailto. Это позволяет добавлять текст в тело письма.

                          
<a href="mailto:sinan@frontendgroup.ru, test@frontendgroup.ru?cc=sinan@frontendgroup.ru &bcc=test@frontendgroup.ru &subject=Благодарность &body=Спасибо вам за такой сайт">
    Добавление текста к письму
</a>    

Вам нужно добавить &перед body параметром.

Есть ли недостатки в использовании ссылок mailto?

Одним из недостатков использования ссылки mailto является то, что она часто воспринимается пользователями как спам. К сожалению, многие спамеры будут использовать эту опцию для отправки электронных писем пользователям. Так что просто имейте это в виду, когда будете его использовать.

Преимущества использования ссылок mailto

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