Адрес почты

How to Create Mailto Links

Mailto links are used to redirect to an email address instead of a web page URL. When a user clicks on the Mailto link, the default email client on the visitor’s computer opens and suggests sending a message to the email address mentioned in the Mailto link.

If you want to receive the email to more than one address, separate your email addresses with a comma:

a href="mailto:[email protected], [email protected]">Send Email

The following fields can be filled out beforehand:

• subject — for the subject line,
• cc — for sending a carbon copy,
• bcc — for sending a blind carbon copy,
• body — for the message’s body text.

If you want to have a subject field, which is already filled out, add the “subject” parameter to the href attribute:

a href="mailto:[email protected]?subject=Mail from our Website">Send Email

To add CC and BCC to your email, use the «cc» or «bcc» parameter on the href attribute:

a href="mailto:[email protected][email protected], [email protected], &[email protected]&subject=Mail from our Website">Send Email

To add a body text, use the «body» parameter with other parameters:

a href="mailto:[email protected][email protected], [email protected], &[email protected]&subject=Mail from our Website&body=Some body text here">Send Email

Putting all together, we’ll have the following example.

The downside of Mailto links

Using Mailto links is quite easy and helpful, but it also has downsides for many users. Mailto links can lead to appearing in spam. It’s one of the most common ways used by spammers.

Even if you don’t receive many spams, or have a good spam filter, you cannot escape from spam emails. It’s better to use a Mailto form on your website instead of a Mailto link.

Источник

Как создать ссылку mailto в HTML

Подпишись на наш телеграм-канал TechRocks WEB-разработка?

Ссылка mailto позволяет отправлять электронные письма прямо с сайта, используя почтовый клиент пользователя по умолчанию. В этой статье мы на примере рассмотрим, как создать ссылку mailto в HTML.

Базовый синтаксис ссылки mailto

Вот основной синтаксис ссылки mailto :

В браузере пользователь может щелкнуть по ссылке, и откроется почтовый клиент, установленный по умолчанию.

В этом примере при нажатии на ссылку открывается мое почтовое приложение, а в поле «Кому» адрес уже указан.

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

Как добавить несколько email-адресов в ссылку mailto

Вы можете добавить несколько адресов в ссылку, используя следующий синтаксис:

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

При переходе по ссылке откроется приложение «Почта» с уже введёнными адресами в поле «Кому».

Как добавить тему

Данный пример кода показывает, как указать тему в ссылке mailto .

После адресов электронной почты вам нужно добавить ? , чтобы разделить параметры письма и темы. Если вы не укажете знак вопроса, ссылка на тему не будет работать.

Как добавить CC и BCC

Это пример, который показывает вам, как добавить вторичных получателей – CC (копия, carbon copy) и скрытых получателей – BCC (скрытая копия, blind carbon copy) к ссылке mailto .

После адресов электронной почты нужно добавить ? , чтобы разделить письмо и параметр CC . Также необходим знак & перед параметрами BCC и subject .

Как добавить тело письма

В этом примере показано, как использовать body со ссылкой mailto . Это позволит добавить текст в тело нашего электронного письма.

Нужно добавить & перед параметром body .

Есть ли недостатки в использовании ссылок mailto?

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

Преимущества использования ссылок mailto

Хорошая причина сделать ссылку mailto — если вы отправляете письма группе людей, адреса которых вы знаете. Если вся эта группа использует почтовый клиент по умолчанию, то ссылка mailto будет предпочтительнее контактной формы.

Источник

Как использовать ссылки mailto: и tel:

Ссылки tel: нужны, чтобы сделать кликабельным номер телефона на сайте, а через mailto: можно отправить целое письмо, в котором сразу будут заполнены и адрес, и тема, и даже какой-нибудь текст. Иногда это удобно — пользователю не нужно набирать номер телефона вручную, а письмо в службу поддержки можно начать сразу с конкретной темы.

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

mailto:

Ссылка формируется из нескольких частей. Сначала в адресе ставится префикс mailto: , после которого указывается адрес почты. Это самый простой вариант.

Текст письма указывается с помощью параметра body .

За тему письма отвечает параметр subject .

Можно даже указать кого-то в копии, для этого используются параметры cc и bcc .

Что произойдёт, если кликнуть на ссылку с mailto

Откроется почтовая программа, в которой уже будут заполнены все нужные поля. Например, так ссылку выше обработает программа «Почта» в OS X:

Если почтовая программа по умолчанию не установлена, появится окно выбора программы.

Обратите внимание, что адреса с нестандартными символами, например, кавычками или дополнительными знаками @, нужно записывать особым образом. Подробнее об этом и других сложных случаях читайте в RFC 6068.

Как стилизовать mailto

Для стилизации ссылки на электронную почту можно воспользоваться CSS-селектором a[href^=»mailto:»] .

tel:

Ссылка на номер телефона размечается с помощью специального префикса перед номером телефона — tel: .

Хорошим тоном считается указание в href кода страны. При этом в тексте ссылки номер может быть указан в любом удобном формате. Например, добавляем городской номер на сайте фирмы из Санкт-Петербурга:

В href указан номер с кодом страны и города, в тексте ссылки есть код города 812, по которому понятно, что речь о Питере.

В этом случае жители всех городов смогут дозвониться до компании, а короткий номер будет понятен и местным. Случай перейдёт в категорию «плохо», если по сайту непонятно, из какого города компания.

Телефоны с питерскими сим-картами дозвонятся по этому городскому номеру, но жители других городов попадут куда-то ещё.

Другое обязательное требование RFC 3966 — номер телефона, указанный в href , должен быть явно виден на странице.

Номер видно в тексте ссылки.

Номер не видно в тексте ссылки, непредсказуемое поведение.

Что произойдёт, если кликнуть на ссылку с tel

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

• Android, iOS — откроется звонилка по умолчанию.
• Chrome, Edge, Firefox на Windows — откроется предложение использовать какую-нибудь программу для звонка.
• Safari — если номера нет в списке контактов, то появится подтверждение вызова, после этого откроется FaceTime.

Например, Chrome на OS X предложить открыть FaceTime для звонка, так как эта программа установлена по умолчанию. Вместо неё легко может быть Skype или любая другая звонилка.

Windows на ноутбуке предложит выбрать, с помощью какой программы открывать ссылки tel:

Как стилизовать

С помощью CSS-селектора a[href^=»tel:»] .

А так можно добавить иконку телефона из Unicode, которая есть во всех системах:

Получится такой результат:

Дополнительные материалы по теме

Ещё о вёрстке

«Доктайп» — журнал о фронтенде. Читайте, слушайте и учитесь с нами.

Источник

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

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

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

      
Задавайте вопросы по электронной почте
  

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

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

      
Задавайте вопросы по электронной почте
  

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

HTML по теме

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

Популярные рецепты

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

Популярные задачи

• TEX
• Отступы между блоков
• Андроид в тени
• Ссылка как кнопка
• Вложенные списки
• Форма регистрации
• Объединение ячеек таблицы
• Обязательные поля формы
• Цвет и фон в таблице
• Асуанская плотина
• Батарейка
• Заголовки

Источник