Mailto

Примеры

Использование «mailto» в HTML-документе, чтобы создать ссылку для отправки письма:

<a href="mailto:someone@example.com">Send email</a>

Также возможно указать значения для заголовков (например, тему, копии, и т.п.) и тело сообщения в URL. Пробелы и переносы строки нельзя вставить без кодирования процентами.

<a href="mailto:someone@example.com?subject=This%20is%20the%20subject&cc=someone_else@example.com&body=This%20is%20the%20body">Send email</a>

Можно указать несколько адресов:

<a href="mailto:someone@example.com,someoneelse@example.com">Send email</a>

Можно не указывать адрес:

<a href="mailto:?to=&subject=mailto%20with%20examples&body=http://en.wikipedia.org/wikipedia/Mailto">Share this knowledge...</a>

Несрабатывания

Ссылки mailto не всегда работают правильно для посетителя сайта. Механизм, который активирует ссылка, требует, чтобы на компьютере или в браузере был настроен почтовый клиент или веб-клиент по-умолчанию. Не все браузеры, например Internet Explorer, поддерживают настройку веб-клиентов для таких ссылок, работая только с локальными клиентами. Другие, такие как Opera, Firefox и Chrome, поддерживают оба варианта.

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

Вопросы и задачи по теме

Перед тем как перейти к изучению следующей темы пройдите практическое задание:

Для выполнения задания вам понадобится скачать архив и скопировать содержимое архива в любую папку на вашем жестком диске:
Используя полученные знания и не изменяя структуры архива составьте следующую HTML страницу (index.html в архиве), которая содержит четыре ссылки:

Практическое задание № 4.

Первая ссылка «Информация о примере» должна вести на родительскую страницу (на уровень выше), т.е. при клике вы должны перейти на эту страницу:

Обратите внимание, что на странице необходимо сделать две ссылки: первая — относительная ссылка, которая должна вести обратно на главную страницу (при клике вы должны перейти на нее), а вторая — абсолютная, при клике на нее осуществляется переход на сайт basicweb.ru. Вторая и третяя ссылка представляют из себя ссылки-изображения, при клике на них происходит переход на страницы, расположенные в дочерних каталогах (html и css)

Сделайте так, чтобы при клике на изображение CSS страница открывалась в новом окне. Изображения находятся в каталоге images

Вторая и третяя ссылка представляют из себя ссылки-изображения, при клике на них происходит переход на страницы, расположенные в дочерних каталогах (html и css). Сделайте так, чтобы при клике на изображение CSS страница открывалась в новом окне. Изображения находятся в каталоге images.

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

Заключительная задача заключается в том, чтобы при клике на четвертую ссылку запускалось скачивание архива, расположенного в дочернем каталоге download

Результат примера вы можете скачать после выполнения задач для самопроверки:

Атрибуты

Форматирование текста

Кажется, вы используете блокировщик рекламы 🙁

Этот ресурс не является коммерческим проектом и развивается на энтузиазме автора сайта, который посвящает все свое свободное время этому проекту.

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

Как отключить?
Поддержать

Безопасность и приватность

Несколько проблем с безопасностью отмечены в RFC 2368, но самая большая проблема — сбор адресов роботами. Конструкции mailto можно найти в HTML-страницах автоматически, используя DOM или регулярные выражения. Собранные таким образом адреса могут быть добавлены в спамерские ссылки рассылки и получать большое количество нежелательных писем.

И хотя существуют методы, чтобы «усложнить» сбор адресов, — маскирование адресов и обфускация при помощи JavaScript, — они обходятся достаточно сложными роботами. Другие же способы, такие как скрытие адреса за капчей или подобной «проверкой на человечность», предоставляют безопасность, сопоставимую с другими способами контакта, например веб-формами, которые испытывают схожие трудности с предотвращением спама.

Примеры

Использование «mailto» в HTML-документе, чтобы создать ссылку для отправки письма:

<a href="mailto:someone@example.com">Send email</a>

<a href="mailto:someone@example.com?subject=This%20is%20the%20subject&cc=someone_else@example.com&body=This%20is%20the%20body">Send email</a>

Можно указать несколько адресов:

<a href="mailto:someone@example.com,someoneelse@example.com">Send email</a>

Можно не указывать адрес:

<a href="mailto:?to=&subject=mailto%20with%20examples&body=http://en.wikipedia.org/wikipedia/Mailto">Share this knowledge...</a>

Безопасность и приватность

Проблема с mailto ссылками

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

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

Мы не хотели добавлять их, потому что, несмотря на то, что они широко используются в Интернете, они представляют ряд проблем.

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

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

И, наконец, у многих пользователей не настроено приложение электронной почты. Это означает, что ссылка может привести их в тупик или «кроличью нору».

Например, когда вы кликаете по адресу электронной почты в Chrome на своем Macbook, приложение «Почта» загружает запрос на настройку учетной записи электронной почты. Мы используем Gmail, и настроить его в Chrome действительно сложно.

По этим причинам мы решили убрать ссылку mailto и добавить адрес почты в виде обычного текста.

Итерация 1: нет ссылки mailto

Но у этого решения были свои недостатки.

Плюсы ссылок mailto

Мы сомневались в правильности решения убрать ссылку mailto, потому что:

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

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

Предлагая выбор

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

Добавление кнопки копирования адреса

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

Чтобы исправить это, мы решили добавить ссылку mailto к адресу электронной почты, и расположить рядом с ней кнопку «copy address», которая позволяет пользователям быстро скопировать адрес в буфер обмена.

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

Итерация 3: адрес электронной почты – это ссылка mailto, а рядом с ней есть кнопка «Copy»

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

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

Даже используя наше решение, люди, переходящие по этой ссылке, по-прежнему:

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

Что нам действительно нравится

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

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

Отправить письмо из Gmail
Письмо с другого аккаунта
Скопировать адрес электронной почты
Поделитесь адресом электронной почты через…

Это отвечает наиболее распространенным потребностям и дает большинству пользователей возможность двигаться вперед.