Ссылка на адрес эл. почты

Влад Мержевич

Создание ссылки на адрес электронной почты делается почти также, как и ссылка на веб-страницу. Только вместо URL указывается mailto:адрес электронной почты (пример 1).

Пример 1. Ссылка на адрес электронной почты

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Адрес электронной почты</title>
 </head>
 <body> 
  <p><a href="mailto:ask@htmlbook.ru">Задавайте 
  вопросы по электронной почте</a></p> 
 </body> 
</html>

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

Можно также автоматически добавить тему сообщения, присоединив к адресу электронной почты через символ вопроса — параметр subject="тема сообщения" (пример 2).

Пример 2. Задание темы сообщения

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Адрес электронной почты</title>
 </head>
 <body> 
  <p><a href="mailto:ask@htmlbook.ru?subject=Вопрос по HTML">
  Задавайте вопросы по электронной почте</a></p>
 </body> 
</html>

При запуске почтовой программы поле Тема (Subject) будет заполнено автоматически.

HTML по теме

Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.