Как создать HTML-ссылки электронной почты с темой, CC и BCC?

В нашей предыдущей статье мы объяснили, как использовать текстовые гиперссылки в HTML. Еще одно использование гиперссылки HTML — создание ссылки электронной почты. Когда пользователи нажимают на ссылку электронной почты, открывается новое письмо с почтовым клиентом по умолчанию на вашем компьютере. Это может быть Office Outlook в Windows или приложение Почта в macOS. В этом руководстве мы объясним, как создавать ссылки электронной почты HTML с примерами.

Использование ссылок электронной почты в HTML

Когда вы пишете электронное письмо, вы должны указать адрес электронной почты получателя, тему, CC и BCC. Как правило, все остальные поля, кроме адреса электронной почты получателя, заполнять необязательно. В этом руководстве мы рассмотрим следующие сценарии запуска электронной почты с использованием гиперссылки HTML.

  1. Только заполните адрес электронной почты получателя (Кому)
  2. Вставить тему и адрес
  3. Заполните CC, BCC, адрес и тему письма

1. Введите адрес электронной почты гиперссылкой в ​​формате HTML

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

<a href="https://www.webnots.com/html-email-links-tutorial/mailto:example@webnots.com">Contact Us</a>

На вашей веб-странице это будет выглядеть так:

Связаться с нами

При нажатии на ссылку откроется новое окно электронной почты с использованием почтового клиента по умолчанию, настроенного на вашем компьютере. Обычно в качестве почтового клиента используется Microsoft Outlook на ПК с Windows и почтовое приложение на Mac. В поле «Кому» адрес будет предварительно подставлен идентификатор электронной почты из «mailto:»Атрибут.

2. Отправить ссылку по электронной почте с темой

Вышеупомянутый простой пример заполняет только поле «Кому» в новом письме. А как насчет того, чтобы добавить строку темы в гиперссылку электронного письма? Вы можете легко добавить тему в свое электронное письмо, используя приведенный ниже HTML-код.

<a href="https://www.webnots.com/html-email-links-tutorial/mailto:example@webnots.com?Subject=Thanks%20for%20tutorials" target="_blank">
Contact Us</a>

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

Связаться с нами

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

Ссылка по электронной почте с темой

3. Отправить ссылку по электронной почте с CC и BCC.

Теперь, когда HTML5 даже позволяет вставлять поля «Копия» (CC) и «Скрытая копия» (BCC) при открытии нового письма. Используйте приведенный ниже код, если вы хотите создать ссылку электронной почты с атрибутами CC и BCC в пределах «href».

<a href="https://www.webnots.com/html-email-links-tutorial/mailto:example@webnots.com?cc=example1@webnots.com&bcc=example2@webnots.com&Subject= Thanks%20for%20tutorials" target="_blank">Contact Us</a>

Это будет похоже на обычную ссылку электронной почты в браузере.

Связаться с нами

При нажатии на ссылку откроется письмо с заполненными CC и BCC.

Электронная ссылка с CC и BCC

Заметка: % 20 используется для замены пустых пробелов, чтобы браузеры могли интерпретировать их как пробелы при открытии почтового клиента.

Использование электронной почты на веб-странице

Теперь, когда вы знаете, как использовать ссылки по электронной почте !!! Но вопрос в том, безопасно ли использовать электронную почту на веб-страницах? Ответ — нет, это небезопасно. Значок «mailto:Атрибут покажет идентификаторы электронной почты автоматическим ботам и пользователям. Следовательно, избегайте использования прямых ссылок по электронной почте на своих веб-страницах, как описано выше.

Существует множество плохих автоматических ботов, которые сканируют и индексируют веб-контент для незаконного использования. Эти боты получат ваш электронный идентификатор и начнут рассылать спам. Чтобы избежать спама, можно использовать HTML-формы с проверкой человеком, например, код CAPTCHA.


Похожие записи

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *