Как создать ссылку на электронную почту в HTML

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

Шаги

Загрузить PDF

1
Введите тег привязки <a href= в HTML-документе. Ссылка будет начинаться с атрибута «<a href=» в HTML-документе. Тег «<a href=» указывает браузеру, что следующий элемент является ссылкой.
- Введите весь HTML-код, прежде чем делать переходы в другие разделы кода.
после символа «=». Так вы укажете браузеру, что ссылка относится к адресу электронной почты, а не к веб-странице.
На данный момент введенная вами строка должна выглядеть так: <a href=mailto:[email protected].
4
Добавьте тему письма (по желанию). Для этого после адреса электронной почты введите вопросительный знак (?), введите слово «subject» (без кавычек), введите знак равенства (=), а затем введите тему внутри кавычек.
- Если вы решили добавить тему письма, введенная вами строка должна выглядеть так: <a href=mailto:[email protected]?subject="текст темы"
- В тексте темы не пользуйтесь символами, которые не являются буквенно-цифровыми. Это необходимо, чтобы ссылка работала правильно.
- С помощью синтаксиса mailto можно добавить информацию для предварительного заполнения строки темы, но такой метод используется крайне редко — он более распространен, когда письма отправляются на сервер с ботом, который управляет ими для дальнейшей обработки (фильтрации).
- С помощью аналогичного синтаксиса можно добавить строки «body» (тело письма), «cc» (копия) и «bcc» (скрытая копия). Введите вопросительный знак (?), введите «body», «cc» или «bcc», введите знак равенства (=), а затем введите текст строки внутри кавычек.
До сих пор введенные HTML-команды указывали браузеру на адрес электронной почты и добавляли тему/копию/скрытую копию. Закрывающая скобка «>» сообщает браузеру, что команд, которые нужно выполнить при щелчке по ссылке, больше нет.
Это текст, по которому пользователь щелкнет, чтобы открыть ссылку на электронную почту. Введите текст после закрывающей скобки. В качестве текста может выступить слово, фраза или даже копия адреса электронной почты. Как правило, вводится слово «нажмите здесь», «почта» или аналогичное.
7
Введите </a> после текста ссылки, чтобы закрыть HTML-команду. Тег привязки нужно закрыть, чтобы оставшийся код не стал частью этого тега.
- Вся HTML-команда, которая добавляет ссылку на электронную почту, должна выглядеть так: <a href=mailto:[email protected]?subject="HTML ссылка">Нажмите здесь, чтобы отправить письмо</a>
Сделайте это, если в документ нужно добавить еще какой-нибудь код. Теперь сохраните документ.
Реклама

Советы

Тегом привязки <a> можно пользоваться по-разному. Почитайте об этом теге в интернете, чтобы эффективно использовать его.
Теги привязки должны находиться внутри раздела body (<body>...</body>) HTML-документа. Если этот тег вставить в другое место документа, это приведет к ошибкам или запуску почтового клиента при загрузке веб-страницы (независимо от того, открыл ли страницу другой пользователь или это сделали вы), что негативно повлияет на загрузку страницы.

Предупреждения

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