Ссылка на E-mail или Mailto в HTML

Ссылка на E-mail или Mailto в HTML

Ссылка на E-mail в HTML делается как обычно: с помощью элемента <a>, только вместо пути, который указывается в качестве значения атрибута href, пишется слово «mailto» и, через двоеточие (:), адрес электронной почты:

<a href="mailto:mail@example.com">Текст ссылки</a>

Если кликнуть по такой ссылке, то откроется почтовая программа, заданная по умолчанию для обработки ссылок-mailto, в которой, в шаблоне письма, поле Кому будет уже заполнено соответствующим адресом.

Адрес электронной почты указывать необязательно; в этом случае поле Кому останется пустым; однако двоеточие пишется всегда.

Параметры

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

Параметр Значение
subject тема письма
body содержание письма
cc кому отправить обычную копию
bcc кому отправить скрытую копию

Синтаксис

mailto:адрес+электронной+почты?параметр=значение&параметр=значение&...

То есть, сначала указывается слово «mailto»; затем — двоеточие (:); затем — адрес электронной почты (необязательно); затем — вопросительный знак (?); затем — пары «параметр=значение», разделённые амперсандом (&).

Адресов почты можно указывать несколько, разделяя их запятой или пробелом.

Пример

В примере амперсанды (&) заменены на соответствующие мнемоники (&amp;), так как иначе документ не пройдёт валидацию.

Живой пример: отправить ссылку другу.

Mailto в формах

В качестве обработчика формы, путь к которому указывается в атрибуте action элемента <form>, можно использовать адрес электронной почты. Это делается по аналогии с обычными ссылками на E-mail.

По некоторым причинам пример не работает в браузере Google Chrome.

Вместе с адресом электронной почты после двоеточия можно указывать дополнительную информацию (например, имя получателя); при этом, для корректного определения адреса почты, его лучше заключить в угловые скобки (%3C и %3E) как показано в примере ниже:

<a href="mailto:John%20Smith%20%3Cjs@example.com%3E">Текст ссылки</a>