xakynamatata: поймите правильно, на задачу в целях обучения (парсинг) это конечно похоже, и вам в целом дали направление верное. Коль уж хотите учиться — пробуйте сами решить задачу. Поиск же готового решения больше смахивает именно на задачу по сбору email-ов для спам рассылки.
xmoonlight: я бы удалил вопрос с пометкой «Это задание а не вопрос». Спамер или нет — мне как-то без разницы. Да и модераторов тут вроде как хватает.
sim3x: спамерам — не стоит, но опередлить на 100% является ли автор вопроса потенциальным спамером я лично не могу. Я вижу только постановку задачи и желание найти готовое решение, что никак не вяжется с «попасть в ученики».
Ссылка на E-mail в HTML делается как обычно: с помощью элемента <a>, только вместо пути, который указывается в качестве значения атрибута href, пишется слово «mailto» и, через двоеточие (:), адрес электронной почты:
<a href="mailto:mail@example.com">Текст ссылки</a>Если кликнуть по такой ссылке, то откроется почтовая программа, заданная по умолчанию для обработки ссылок-mailto, в которой, в шаблоне письма, поле Кому будет уже заполнено соответствующим адресом.
Адрес электронной почты указывать необязательно; в этом случае поле Кому останется пустым; однако двоеточие пишется всегда.
Параметры
Помимо простого указания адресата, в ссылках-mailto можно использовать параметры, с помощью которых почтовой программе сообщаются тема и содержание письма, а также кому отправить обычную и скрытую копию.
| Параметр | Значение |
|---|---|
| subject | тема письма |
| body | содержание письма |
| cc | кому отправить обычную копию |
| bcc | кому отправить скрытую копию |
Синтаксис
mailto:адрес+электронной+почты?параметр=значение&параметр=значение&...То есть, сначала указывается слово «mailto»; затем — двоеточие (:); затем — адрес электронной почты (необязательно); затем — вопросительный знак (?); затем — пары «параметр=значение», разделённые амперсандом (&).
Адресов почты можно указывать несколько, разделяя их запятой или пробелом.
Пример
В примере амперсанды (&) заменены на соответствующие мнемоники (&), так как иначе документ не пройдёт валидацию.
Живой пример: отправить ссылку другу.
Mailto в формах
В качестве обработчика формы, путь к которому указывается в атрибуте action элемента <form>, можно использовать адрес электронной почты. Это делается по аналогии с обычными ссылками на E-mail.
По некоторым причинам пример не работает в браузере Google Chrome.
Вместе с адресом электронной почты после двоеточия можно указывать дополнительную информацию (например, имя получателя); при этом, для корректного определения адреса почты, его лучше заключить в угловые скобки (%3C и %3E) как показано в примере ниже:
<a href="mailto:John%20Smith%20%3Cjs@example.com%3E">Текст ссылки</a>- Can I set subject/content of email with using mailto:?
- html mailto tips and tricks
- mailto — пишите письма, это всех раздражает!
- Ссылка на адрес электронной почты
01.04.2014
При использовании адреса электронной почты для обратной связи для удобства пользователя возможно сделать кликабельную ссылку, которая вызовет почтовый клиент. Реализуется это при помощи html. Давайте рассмотрим, как посредством html создается ссылка на почту.
Простой вариант
Используется стандартный html элемент <a>, в атрибуте href пишется mailto:, затем вписывается адрес почты.
<a href=»mailto:admin@hipolink.net»>Текст ссылки</a>
«Текст ссылки» — можно указать свой емайл адрес или любую фразу, вроде «Напишите нам», «Наша почта»…
От щелчка по такой html ссылке запустится почтовая программа по умолчанию. Если вы впервые нажимаете подобную ссылку, операционная системы выдаст список программ для открытия email адресов. Это может быть The Bat или Outlook. Если посетитель использует почтовый клиент на базе браузера, то имеет резон использовать открытие новой вкладки посредством target=»_blank»:
<a href=»mailto:admin@hipolink.net» target=»_blank» rel=»noopener noreferrer»>Напишите нам</a>
Добавив параметр subject=»тема сообщения» мы автоматически получим заполненное поле «тема» при создании нового сообщения. Это может быть удобно администратору для вычленения конкретных писем из общей массы.
Можно отправить электронную почту на несколько адресов, в случае необходимости добавить копии (СС), скрытые копии (BCC). Делается это путем добавления дополнительных параметров в запросе и разделением адресов почты запятыми:
mailto:adress@1.com?cc=adress@2.com,adress@3.com&bcc=adress@4.com
Вариант с картинкой
Если вы предпочитаете насыщенный графикой сайт, любите использовать различные иконки, воспользуйтесь кодом с использованием картинки:
<a href=»mailto:admin@hipolink.net»><img src=»tel_button.jpg»></a>
tel_button.jpg — указывает месторасположение вашей картинки с изображением адреса электронной почты, пиктограммой или произвольным текстом.
Что еще можно сделать при помощи html
— Кликабельный номер телефона:
<a href=»tel:+79150000000″>Позвоните нам!</a>
<a href=»skype:nick»>Skype</a>
— Ссылку на мессенджеры. Пример для WhatsApp:
<a href=»https://wa.me/номер»>Чат с пользователем WhatsApp</a>
Html для мультиссылки
Проблема Instagram — ограничение в шапке профиля отображения контактов. Добавить можно лишь одну ссылку, что влечет ограничение возможностей взаимодействия с клиентами. Пользователь может уйти, не увидев любимого мессенджера или столкнувшись с тем, который он не использует. Проблема легко решается при помощи сервиса Хиполинк — здесь нет никаких ограничений, используйте любые виды связи (мессенджеры, социальные сети, почта, номера телефонов).
Ссылка на почту в Хиполинк
Сервис мультиссылок Хиполинк позволяет справиться с задачей без знания html — запустите конструктор, кликните «Добавить новый блок», выберите пункт «Ссылки». В открывшемся блоке нажмите «Почта», оформите вид кнопки, заполнив поля.
Для оформления почты с помощью кодов html указанных выше, используйте HTML блок, вставьте код, кликните «Принять».
Возможности сервиса Хиполинк
Затруднение при оформлении страницы? Не знаете, какие элементы и блоки использовать? Хиполинк предложит вам массу решений — готовые шаблоны и макеты, возможность создания фото-галереи и каталога услуг и товаров. Доступно подключение платежных систем — теперь вам не придется отсылать клиентам платежные реквизиты, при помощи модуля Capusta.Space вы сможете принимать платежи прямо со своей страницы Hipolink. Система работает с Apple Pay и картами Виза, Мастеркард, Маэстро, Мир. Помимо использования мессенджеров, телефонов, почты для связи, используйте виджет обратного звонка.
Загрузить PDF
Загрузить PDF
Посетители вашего сайта будут рады, если смогут быстро найти ссылку на вашу электронную почту, чтобы связаться с вами по поводу возникших вопросов и проблем. Такая ссылка является дополнительной функцией для любого сайта. В этой статье мы расскажем вам, как создать ссылку на электронную почту с помощью нескольких строк HTML-кода.
Шаги
-
1
Введите тег привязки <a href= в HTML-документе. Ссылка будет начинаться с атрибута «<a href=» в HTML-документе. Тег «<a href=» указывает браузеру, что следующий элемент является ссылкой.
- Введите весь HTML-код, прежде чем делать переходы в другие разделы кода.
-
2
Введите mailto: после символа «=». Так вы укажете браузеру, что ссылка относится к адресу электронной почты, а не к веб-странице.
-
3
Введите адрес электронной почты. На данный момент введенная вами строка должна выглядеть так: <a href=mailto:ivan@sample.com.
-
4
Добавьте тему письма (по желанию). Для этого после адреса электронной почты введите вопросительный знак (?), введите слово «subject» (без кавычек), введите знак равенства (=), а затем введите тему внутри кавычек.
- Если вы решили добавить тему письма, введенная вами строка должна выглядеть так: <a href=mailto:ivan@sample.com?subject="текст темы"
- В тексте темы не пользуйтесь символами, которые не являются буквенно-цифровыми. Это необходимо, чтобы ссылка работала правильно.
- С помощью синтаксиса mailto можно добавить информацию для предварительного заполнения строки темы, но такой метод используется крайне редко — он более распространен, когда письма отправляются на сервер с ботом, который управляет ими для дальнейшей обработки (фильтрации).
- С помощью аналогичного синтаксиса можно добавить строки «body» (тело письма), «cc» (копия) и «bcc» (скрытая копия). Введите вопросительный знак (?), введите «body», «cc» или «bcc», введите знак равенства (=), а затем введите текст строки внутри кавычек.
-
5
Введите >, чтобы добавить закрывающую скобку. До сих пор введенные HTML-команды указывали браузеру на адрес электронной почты и добавляли тему/копию/скрытую копию. Закрывающая скобка «>» сообщает браузеру, что команд, которые нужно выполнить при щелчке по ссылке, больше нет.
-
6
Введите текст ссылки. Это текст, по которому пользователь щелкнет, чтобы открыть ссылку на электронную почту. Введите текст после закрывающей скобки. В качестве текста может выступить слово, фраза или даже копия адреса электронной почты. Как правило, вводится слово «нажмите здесь», «почта» или аналогичное.
-
7
Введите </a> после текста ссылки, чтобы закрыть HTML-команду. Тег привязки нужно закрыть, чтобы оставшийся код не стал частью этого тега.
- Вся HTML-команда, которая добавляет ссылку на электронную почту, должна выглядеть так: <a href=mailto:ivan@sample.com?subject="HTML ссылка">Нажмите здесь, чтобы отправить письмо</a>
-
8
Вставьте другой код в HTML-документ. Сделайте это, если в документ нужно добавить еще какой-нибудь код. Теперь сохраните документ.
Реклама
Советы
- Тегом привязки <a> можно пользоваться по-разному. Почитайте об этом теге в интернете, чтобы эффективно использовать его.
- Теги привязки должны находиться внутри раздела body (<body>…</body>) HTML-документа. Если этот тег вставить в другое место документа, это приведет к ошибкам или запуску почтового клиента при загрузке веб-страницы (независимо от того, открыл ли страницу другой пользователь или это сделали вы), что негативно повлияет на загрузку страницы.
Реклама
Предупреждения
- Если разместить свой адрес электронной почты на веб-странице, ваш почтовый ящик может заполниться спамом. В интернете множество людей, которые собирают такие адреса с целью рассылки спама. Поэтому, если вы размещаете ссылку на адрес электронной почты на общедоступном веб-сайте, приготовьтесь к борьбе ос спамом.
- Проверьте имя получателя, прежде чем отправить письмо.
- Если на компьютере пользователя нет почтового клиента, такой пользователь не сможет отправить вам письмо.
Реклама
Об этой статье
Эту страницу просматривали 17 825 раз.
Была ли эта статья полезной?
Далее представлен небольшой пример регулярного выражения на JavaScript и программного кода с JQuery, который позволяет искать все адреса электронной почты внутри заданного элемента HTML на веб-странице.
jQuery(document).ready(function($) {
var text_block = $('#my_block_with_emails').text();
var email_regularexp = /[._a-zA-Z0-9-]+@[._a-zA-Z0-9-]+/igm;
var return_block = $('#finded_emails');
var emails = text_block.match(email_regularexp);
return_block.empty();
$.each(emails, function(index, value) {
return_block.append(value);
(index !== emails.length - 1) ? return_block.append(', ') : '';
});
})
Скачать рабочий пример
Из блока с идентификатором my_block_with_emails будут «парсится» почтовые ящики. Далее они будут посредством цикла выводится через запятую в другом элементе с идентификатором finded_emails. А выглядеть все это будет примерно вот так:
Опубликовано 3-09-2013 в 16:03