junior

Как сделать ссылку на адрес электронной почты

Ссылка на email создаётся тегом <a> с протоколом mailto: в атрибуте href. При клике браузер открывает почтовый клиент пользователя с предзаполненным адресом получателя.

Синтаксис

Пример

<!-- Простая ссылка -->
<a href="mailto:user@example.com">Напишите нам</a>

<!-- С темой и телом письма -->
<a href="mailto:user@example.com?subject=Вопрос&body=Добрый день!">
    Написать с темой
</a>

<!-- Несколько получателей -->
<a href="mailto:user1@example.com,user2@example.com">Написать всем</a>

<!-- С копией -->
<a href="mailto:user@example.com?cc=copy@example.com&bcc=hidden@example.com">
    С копией
</a>

Параметры mailto

Параметр	Назначение	Пример
`subject`	Тема письма	`?subject=Привет`
`body`	Тело письма	`&body=Текст`
`cc`	Копия	`&cc=user@example.com`
`bcc`	Скрытая копия	`&bcc=user@example.com`

Важно

Открытая публикация email-адресов в HTML делает их мишенью для спам-ботов, которые сканируют исходный код страниц. В production-приложениях для обратной связи лучше использовать HTML-формы с серверной обработкой.

На собеседовании: используется <a href="mailto:email@example.com">. Можно добавить параметры через ?subject=...&body=.... Стоит упомянуть, что открытый email в HTML привлекает спам — на практике лучше использовать формы.

#основы #html #frontend