Ссылка на 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»; затем — двоеточие (:); затем — адрес электронной почты (необязательно); затем — вопросительный знак (?); затем — пары «параметр=значение», разделённые амперсандом (&).
Адресов почты можно указывать несколько, разделяя их запятой или пробелом.
Пример
В примере амперсанды (&) заменены на соответствующие мнемоники (&), так как иначе документ не пройдёт валидацию.
Живой пример: отправить ссылку другу.
Mailto в формах
В качестве обработчика формы, путь к которому указывается в атрибуте action
элемента <form>
, можно использовать адрес электронной почты. Это делается по аналогии с обычными ссылками на E-mail.
По некоторым причинам пример не работает в браузере Google Chrome.
Вместе с адресом электронной почты после двоеточия можно указывать дополнительную информацию (например, имя получателя); при этом, для корректного определения адреса почты, его лучше заключить в угловые скобки (%3C и %3E) как показано в примере ниже:
<a href="mailto:John%20Smith%20%3Cjs@example.com%3E">Текст ссылки</a>