mailto ссылки
Вы можете создать ссылку a , открывающую новый email. Давайте рассмотрим некоторые возможности этого метода.
Базовый функционал
Но мы сталкиваемся с проблемой UX. Результат нажатия может быть неожиданный для некоторых пользователей. Подобно тому, как при нажатии на ссылку открывается PDF файл вместо перехода на другую страницу.
Открытие в новой вкладке имеет значение
Если пользователь имеет почтовый клиент установленный по умолчанию (например, Outlook, Apple Mail и т.п.) это не имеет значения. Пользователь кликает на mailto сслыку и откывается приложение с новым письмом. Это поведение одинаково независимо от того открыта ссылка в новой вкладке или нет.
Но если пользователь пользуется почтой в браузере, то это имеет значение. Например, вы можете настроить почту на Gmail как почтовый клиент по умолчанию для Chrome. В этом случае поведение ссылки mailto , как и любой другой, приведет к перенаправлению на Gmail в этой же вкладке.
Я склоняюсь к использованию target=»_blank» в mailto ссылках.
Добавляем тему и текст в тело письма
По какой-то причине это довольно редко используют, но mailto может добавлять тему и контент письма через GET-параметры в ссылке:
mailto:chriscoyier@gmail.com?subject=Important!&body=Hi.Добавить копию и скрытую копию к письму
Также можно отправить письмо нескольким адресатам. Добавляем carbon copy (CC) и blind carbon copy (BCC) также через GET-параметры ссылки и разделяем email`ы через запятую.
mailto:someone@yoursite.com?cc=someoneelse@theirsite.com,another@thatsite.com,me@mysite.com&bcc=lastperson@theirsite.comГенератор mailto ссылок
Довольно полезный сайт
mailtolink.me помогает сгенерировать mailto ссылку
Использование для создания письма
Не уверен на сколько это востребовано, но вы можете сделать форму, которая будет генерировать GET-параметры. При создании письма будет выполнено перенаправление на ссылку с заполненной ссылкой с введенными параметрами из полей формы. Ссылка должна открываться в новой вкладке!
Люди не любят сюрпризов
Ссылки mailto по умолчанию визуально не отличаются от любых других. Но клик по ним приводит к другим результатам. Поэтому стоит стилизовать их каким-то особым способом.
Либо используйте email адрес в виде анкора ссылки:
Или используйте CSS
a[href^="mailto:"]::after
Если вы принципиально не любите mailto ссылки, это браузерное расширение для вас
Как я понимаю, оно не просто из блокирует, а копирует адресс в буфер и сообщает об этом.
HTML-ссылка mailto
mailto: HTML-ссылка на электронную почту, что это такое, как создать, примеры и генератор кода.
- Что такое ссылка mailto?
- Как создать ссылку mailto в HTML?
- mailto примеры
- генератор кодов ссылок mailto
Что такое ссылка mailto
Ссылка Mailto — это тип HTML-ссылки, которая активирует почтовый клиент по умолчанию на компьютере для отправки электронной почты.
Веб-браузер требует, чтобы на его компьютере было установлено программное обеспечение электронной почты по умолчанию, чтобы активировать почтовый клиент.
Если у вас , например , Microsoft Outlook в качестве почтового клиента по умолчанию, нажатие на ссылку mailto откроет новое окно почты .
Как создать ссылку mailto в HTML
Ссылка mailto записывается как обычная ссылка с дополнительными параметрами внутри атрибута href:
| Параметр | Описание |
|---|---|
| mailto:name@email.com | адрес получателя электронной почты |
| cc=name@email.com | адрес электронной почты с копией |
| bcc=name@email.com | адрес электронной почты для слепой копии |
| subject=subject text | тема электронного письма |
| body=body text | тело электронного письма |
| ? | разделитель первого параметра |
| & | разделитель других параметров |
mailto примеры
Написать на адрес электронной почты
Код сгенерирует эту ссылку:
При нажатии на ссылку выше откроется новое почтовое окно:
Отправить письмо на адрес электронной почты с темой
% 20 представляет собой пробел.
Код сгенерирует эту ссылку:
При нажатии на ссылку выше откроется новое почтовое окно:
Отправить письмо на адрес электронной почты с копией, скрытой копией, темой и телом
% 20 представляет собой пробел.
Код сгенерирует эту ссылку:
При нажатии на ссылку выше откроется новое почтовое окно:
Как добавить пробелы в теме или теле письма
Вы можете добавить пробелы, вписав %20 текст в тему или основной текст.
Как добавить разрыв строки в тело письма
Вы можете добавить новую строку, написав %0D%0A текст в теле.
Как добавить нескольких получателей электронной почты
Вы можете добавить нескольких получателей, написав разделитель-запятую ( , ) между адресами электронной почты.
Генератор кодов ссылок Mailto
Смотрите также
- HTML-ссылки
- HTML коды
- Декодер / кодировщик URL
Ссылки на почту mailto и номер телефона tel
Современный язык разметки HTML позволяет ставить ссылки не только на страницы сайта, их элементы или файлы для скачивания, но и на номер телефона, электронную почту.
Сегодня мы обсудим такие URI схемы как mailto и tel или, другими словами, как поставить на сайте ссылку на электронную почту и номер телефона.
Ссылка mailto (гиперссылка на электронную почту)
Ссылка на электронную почту действует по следующему принципу:
При клике на ссылку mailto браузер вызывает почтовую программу, которая установлена на компьютере или в браузере пользователя по умолчанию.
Если у вас установлены расширения браузера Gmail или Яндекс.Почта, переход может быть выполнен на один из этих почтовых клиентов. На Windows, при установленном Office пакете это может быть также Microsoft Outlook.
При переходе по ссылке mailto откроется страница написания письма. В строку адреса получателя («Кому» в Gmail) будет автоматически вписан электронный адрес, указанный в href атрибуте mailto ссылки.
Как поставить ссылку на электронную почту
Вот пример ссылки на почтовый ящик:
Ссылка tel на номер телефона
Прекрасное решение по облегчению набора номера телефона с сайта для пользователей использующих смартфоны — ссылка tel . Она позволяет пользователю осуществить звонок в прямом смысле в 2 клика (клик по ссылке и клик по кнопке «Вызов»), не прибегая к копированию телефона либо запоминанию номера, что было бы весьма неудобно.
Гиперссылка tel действует по схожему принципу с mailto , только вместо почтовой программы вызывает приложение набора номера на смартфонах и программу для звонков на компьютере (если установлена).
В поле «номер» автоматически вписывается номер телефона указанный в атрибуте href .
Как поставить ссылку на номер телефона
Вот пример ссылки на номер телефона:
by Lebedev
Оцените, насколько полезна эта страница
Эти материалы могут быть вам полезны
Комментарии
12 апреля 2018 г.
Полезные ссылочки для оперативной связи пользователя с владельцем сайта. Спасибо, запишу в свою книжечку!
23 января 2020 г.
не работает в mail
23 января 2020 г.
Дмитрий, описанная технология проверена годами. Работает во всех современных браузерах.
Как я понял из вашего краткого комментария, у вас не работает переход по ссылке mailto. В этом случае проверьте, настроена ли на вашем устройстве программа — клиент электронной почты.
11 февраля 2022 г.
тоже не работает в gmail, не настроить набор номера. просто выходит в виде кода
18 апреля 2022 г.
Ольга, набор номера в Gmail, а также в большинстве иных сервисах электронной почты не предусмотрен. Ссылки «tel:» делаются на сайте, и при нажатии на такую ссылку на смартфонах открывается приложение для звонков. Набор номера может работать и на компьютерах, при условии, что будет установлена соответствующая программа — клиент.
Mailto что это такое
«Т-платформы» требуют полмиллиарда у «Байкал электроникс» за свои проваленные разработки
- «Яндекс» объяснил, почему поездки на такси в России резко подорожали. Во всем виноваты водители
- Российским хакерам дали по шесть лет тюрьмы за кражу 16 миллионов с помощью поддельных бухгалтерских сайтов
- В России взрывной рост любви к удаленке. Дистанционно работает 40% ИТ-шников
- Америка готова запретить Apple Watch
- Российских ИТ-шников не берут в международные компании. За бортом остался каждый второй
- Россияне создали полноценный отечественный Android. Госсектор получил достойную альтернативу iPhone
- В России разработана система централизованной защиты информации для 1000 рабочих станций на Linux
- Китай выпускает «убийцу» Windows с открытым кодом
- Главное
- Популярное
Новости «Т-платформы» требуют полмиллиарда у «Байкал электроникс» за свои проваленные разработки
- Lenovo выгоняют из России. У компании отбирают ее знаменитый бренд, но россияне от этого не пострадают
- Россияне выпустили новую версию «простого» Linux для безболезненного перехода с Windows
- Российских ИТ-шников не берут в международные компании. За бортом остался каждый второй
- «Яндекс» объяснил, почему поездки на такси в России резко подорожали. Во всем виноваты водители
- Samsung массово блокирует «серые» смартфоны, заставляя покупать их повторно и с большой переплатой
- Windows искалечат по-крупному. Древнейший компонент заменят на новомодный, который бесит программистов
- В «Яндексе» впервые пройдет массовая чистка. Пользовательские профили будут удалять без возможности восстановления
- Россияне создали полноценный отечественный Android. Госсектор получил достойную альтернативу iPhone
- В России начинается производство дефицитных печатных плат
- «Яндекс» и «Ланит» отказываются от своего завода по производству серверов
- Америка готова запретить Apple Watch
- Будущее RISC-V под угрозой. Ключевой разработчик процессоров без предупреждения уволил десятки инженеров
- Россияне создали мощный ноутбук в металлическом корпусе без переплаты за Windows. Цена
- «Т-платформы» требуют полмиллиарда у «Байкал электроникс» за свои проваленные разработки
- Российский «тамагочи для хакеров» научился выводить из строя смартфоны и ПК в радиусе действия. Как от этого защититься
- ИТ-директор «Торговая сеть Технониколь» в интервью CNews: Бессмысленно ждать возвращения SAP и Microsoft, когда есть уникальная возможность «слезть с иглы»
- Вызовы российской телеком-отрасли: не хватает свободных частот и спутников связи
- Как цифровизуются системы безопасности в промышленности
- Особенности национального импортозамещения: разбираем типичные проблемы (часть 3)
- Как выбрать систему автоматизации бюджетирования
- Марина Громова, Security Vision: Партнерский статус должен зависеть не от оборота, а от экспертизы интегратора
- Заказчики могут получить до 100 млн рублей на пилотное внедрение ИИ
- Импортозамещение ИТ-инфраструктуры: «классика» или гиперконвергенция?
- Не просто картинки: производители DAM-платформ делят рынок в 8 млрд долларов
- Российские разработчики сделали Power Point для данных: как это работает
- Михаил Сартаков, Х5 Group: Мы создали корпоративный университет по-другому
- Виктор Силкин, «Супервэйв Групп»: Бережное отношение к ресурсам становится хорошим тоном
- Как организовать корпоративные коммуникации в банке
- Россия побеждает в гонке ИТ-вооружений
- Алексей Корольков, Websoft: Внедрение любых HCM-решений приводит к неоправданным затратам, если у компании отсутствует HR-стратегия
О концепции трех нулей в госуслугах
Заместитель Минцифры рассказал, насколько успешным оказался формат дистанционного голосования, который применялся с 8 по 10 сентября и как будут развиваться «Госуслуги».
Олег Качанов
Заместитель министра цифрового развития
5 причин, почему роботы еще не скоро заменят живых таксистов в России
Бессмысленно ждать возвращения SAP и Microsoft, когда есть уникальная возможность «слезть с иглы»
директор ИТ-департамента ритейлера
«Торговая сеть Технониколь»
Атлас
• Аппаратное обеспечение • Корпоративное ПО • Офисное ПО
О концепции трех нулей в госуслугах
Заместитель министра цифрового развития
- Российских ИТ-шников не берут в международные компании. За бортом остался каждый второй
- Россияне создали полноценный отечественный Android. Госсектор получил достойную альтернативу iPhone
- В России разработана система централизованной защиты информации для 1000 рабочих станций на Linux
- Китай выпускает «убийцу» Windows с открытым кодом
- Цифровизация сельского хозяйства: как искусственный интеллект помогает сеять пшеницу
- Заказчики могут получить до 100 млн рублей на пилотное внедрение ИИ
- Lenovo выгоняют из России. У компании отбирают ее знаменитый бренд, но россияне от этого не пострадают
- Россияне выпустили новую версию «простого» Linux для безболезненного перехода с Windows
- Windows искалечат по-крупному. Древнейший компонент заменят на новомодный, который бесит программистов
Аналитика
Михаил Сартаков, Х5 Group: Мы создали корпоративный университет по-другому
Рынок транспортной логистики меняется так быстро, что без онлайн-коммуникации не обойтись
CNews FORUM 2023: Информационные технологии завтра
Нейросети и не только: куда движется российская ИТ-отрасль
CNews Awards 2023
Как ERP-платформа помогает бизнесу управлять проектами и трудовыми ресурсами
Как организовать корпоративные коммуникации в банке
Виктор Силкин «Супервэйв Групп»: Бережное отношение к ресурсам становится хорошим тоном
Сергей Тихомиров, CUSTIS: Банки могут составить реальную конкуренцию ИТ-компаниям в создании конечных цифровых продуктов для других отраслей
Как защитить платформы контейнеризации на всех стадиях жизненного цикла
Сергей Никитин, «Газинформсервис»: Пришло время перейти от простой автоматизации процессов ИБ к осознанному стратегическому сотрудничеству
Электронный документооборот: итоги 2023 года
Алексей Корольков, Websoft: Внедрение любых HCM-решений приводит к неоправданным затратам, если у компании отсутствует HR-стратегия
Цифровое здравоохранение 2023
Вывести ИТ-продукт на рынок и масштабировать бизнес: зачем участвовать в «Акселераторе Спринт»
Как централизованно решать проблемы импортозамещения бизнес-систем
Импортозамещение ИТ-инфраструктуры: «классика» или гиперконвергенция?
Не просто картинки: производители DAM-платформ делят рынок в 8 млрд долларов
Особенности национального импортозамещения: разбираем типичные проблемы (часть 3)
Мария Токарева, «Диджитал Дизайн»: Все больше ведомств отказываются от смартфонов и планшетов Apple по соображениям информационной безопасности – мы предлагаем достойную замену
Илья Зайчиков, «Тезис»: На рынке по пальцам можно пересчитать СЭД, в которых реализован искусственный интеллект
Цифровизация страхования: какие новинки внедряют лидеры рынка
Константин Симонов, DataSpace Cloud: Гибридное облако стало ключевым сервисом на сегодняшний день
Как оцифровать поступление в вуз?
Проблемы российского телекома: не хватает свободных частот и спутников связи
Максим Пустовой, Arenadata: Рынок дата-решений сегодня является одним из самых инвестиционно привлекательных в стране
Николай Ульянов, Россельхозбанк: Распространение ИИ-решений стало мейнстримом в банковской отрасли
Разработчики ПО назвали CNews лучшим СМИ об ИТ в России
Никита Кардашин, Naumen: ИТ-стратегия — это не реагирование на инциденты, а продолжение стратегии бизнеса
Как убедиться, что выбранная российская ОС санкционно безопасна?
Денис Афанасьев, CorpSoft24: Ужесточение санкций увеличило спрос на развертывание ИТ-сервисов на локальных ресурсах
Особенности национального импортозамещения: разбираем типичные проблемы (часть 1)
Особенности национального импортозамещения: разбираем типичные проблемы (часть 2)
Кирилл Пивоваров, FIS: Востребованность систем класса no-code/low-code будет расти десятками процентов в год
Татьяна Славкина, Cloud.ru: Мы внедрили умную языковую модель, которая позволяет экономить до 20% рабочего времени
Российские разработчики сделали Power Point для данных: как это работает
MARKET.CNEWS
Поставщикам облачных услуг
Лента новостей
Вчера 13:11
Наука
Прорыв в нейробиологии: запечатлены невидимые ранее детали синапса головного мозга
За какие функции умных швейных машинок стоит платить в 2023 году
Наука
Сюрпризы графена: найден дешевый способ производства водорода
5 причин, почему планшеты на Android бесполезны в 2023 году
Как озвучить сайт или книгу в 2023 году: лучшие синтезаторы речи
Техноблог
Почему беззвучный режим стал основным для смартфонов?
Альтернативы WhatsApp: российские мессенджеры, которым можно доверять
Календарь событий
01 Ноября
2023
01 Ноября
2023
10 Ноября
2023
15 Ноября
2023
16 Ноября
2023
21 Ноября
2023
23 Ноября
2023
28 Ноября
2023
Хостинг-провайдер REG.RU
- Быстрая подписка на новости
- RSS
- Политика конфиденциальности
- Сообщить об ошибке
- Правовая информация
Материалы, помеченные знаком ■, являются рекламой
Все права защищены © 1995 – 2023
Сетевое издание «CNews» («СиНьюс») зарегистрировано Федеральной службой по надзору в сфере связи, информационных технологий и массовых коммуникаций 09.11.2018 за номером Эл № ФС77 – 74283
Бесплатная подписка на новости CNews
Нажимая кнопку «Подписаться», вы даете свое согласие на обработку и хранение персональных данных.