Как добавить HTML-ссылку в тело MAILTO: руководство

Быстрый ответ

Не удастся встроить HTML-код в атрибут body ссылки mailto. Вместо этого можно применить URL-кодирование для текстового представления ссылки. Создание mailto-ссылки выглядит так:

<a href="mailto:someone@example.com?body=Рекомендую%20посетить%20этот%20сайт%3A%20http%3A%2F%2Fexample.com">
  Отправить письмо
</a>

В данном примере фраза "Рекомендую посетить этот сайт: http://example.com" подвергается кодированию для использования в теле письма, где "%20" означает пробел, а "%3A%2F%2F" — символы "://". Это позволяет передать адрес страницы без использования HTML в электронном письме.

Ограничения атрибута body в MAILTO

Простота атрибута body в ссылке MAILTO

Атрибут body ссылки mailto допускает только текстовый формат text/plain, согласно стандарту RFC 2368. Это говорит о том, что HTML-теги будут отображаться как обычный текст без интерпретации их как кода.

Подробнее об этом расскажет наш спикер на видео

Разнообразие поведения почтовых клиентов

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

Базовые принципы форматирования

Необходимо кодировать специальные символы для корректного отображения в URL: пробелы конвертируются в %20, а переводы строк – в %0A.

Проблемы связанные с атрибутом body в MAILTO и методы их решения

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

Визуализация

Представьте себе ссылку mailto как дом, в котором «проживает» текст письма.

📫🚫🖇️: Вставить кликабельную HTML-ссылку прямо в текст письма не получится.

Но добавление обычного текстового URL возможно:

📫✉️🔗: Можно включить 'http://your-link.com' как часть текста.

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

Расширение возможностей ссылок MAILTO

Сокращенные URL: компактность и результативность

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

UX-подсказки

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

Альтернативные подходы

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

Тестирование совместимости

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

Полезные материалы

1. Создание гиперссылок – Изучение веб-разработки | MDN
2. RFC 2368 – Схема URL mailto
3. RFC 6068 – Схема URI 'mailto'
4. Ссылки Mailto | CSS-Tricks
5. email – ссылка mailto с HTML-телом – Stack Overflow
6. HTML-тег address
7. Надежные кнопки в электронных письмах – Litmus