Основна проблема, пов’язана з посиланнями електронної пошти HTML, полягає в тому, що вони можуть бути заблоковані клієнтами електронної пошти або фільтрами спаму. Це означає, що одержувач може не мати доступу до посилання, що призведе до поганої взаємодії з користувачем. Крім того, деякі клієнти електронної пошти можуть видаляти HTML-код із електронних листів, що може призвести до того, що посилання не працюватимуть або стануть неможливими для натискання.
<a href="mailto:example@example.com">Send an email</a>
1. Цей рядок коду створює елемент прив’язки HTML, який використовується для посилання на іншу сторінку чи ресурс.
2. Атрибут «href» визначає пункт призначення посилання, у даному випадку адресу електронної пошти.
3. Значення атрибута «href» встановлено на «mailto:example@example.com», що відкриє клієнт електронної пошти з уже заповненою адресою одержувача після натискання.
4. Текст між початковим і закриваючим тегами прив’язки («Надіслати електронний лист») відображатиметься як активне посилання на веб-сторінці, яке можна натиснути, щоб відкрити поштовий клієнт із example@example.com, уже заповненим як адреса одержувача при натисканні.
mailto посилання
Посилання mailto — це елемент HTML, який дозволяє користувачеві надсилати електронний лист із веб-сторінки. Зазвичай він представлений словами «mailto:», за якими йде адреса електронної пошти. Після натискання відкриється стандартна програма електронної пошти користувача та попередньо заповниться поле Кому вказаною адресою. Посилання mailto також може містити іншу інформацію, таку як рядок теми, основний текст і адреси копії або прихованої копії.
Як створити посилання електронною поштою в HTML
Щоб створити посилання електронної пошти в HTML, вам потрібно використовувати тег. тег використовується для створення гіперпосилання, яке посилає одну сторінку на іншу.
Атрибут href використовується для визначення пункту призначення посилання. Щоб створити посилання на електронну пошту, вам потрібно встановити атрибут href дорівнює «mailto:email@example.com». Після натискання відкриється вікно електронної пошти із зазначеною адресою в полі «Кому».
Ви також можете додати рядок теми та основний текст електронної пошти, додавши додаткові атрибути після mailto: у своєму значенні href. Наприклад, якщо ви хочете додати рядок теми та основний текст, ваше значення href виглядатиме так:
href=”mailto:email@example.com?subject=Рядок теми&body=Основний текст”
Ви також можете налаштувати те, що відображатиметься як текст, який можна натиснути для посилання електронної пошти, додавши вміст між відкриттям і закриттям теги. Наприклад:
Натисніть тут, щоб надіслати нам електронний лист
Це відобразить текст «Натисніть тут, щоб надіслати нам електронний лист» як інтерактивний текст, який відкриє вікно електронної пошти після натискання.
Найкращі методи створення посилань електронною поштою HTML
1. Використовуйте повні URL-адреси: створюючи посилання в електронних листах HTML, завжди використовуйте повну URL-адресу замість відносного шляху. Це гарантує, що посилання працюватиме правильно, навіть якщо електронний лист пересилається або переглядається на іншому пристрої.
2. Використовуйте описовий текст прив’язки: текст прив’язки – це частина посилання, на яку можна натиснути, і має бути описовою, щоб читачі знали, на що вони натискають, перш ніж натиснути. Уникайте використання загальних слів на кшталт «клацніть тут» як прив’язки, оскільки читачам буде важко зрозуміти, куди вони переходять, натиснувши посилання.
3. Перевірте свої посилання: перш ніж надсилати електронний лист із посиланнями HTML, перевірте їх, щоб переконатися, що вони працюють належним чином і спрямовують користувачів до правильного пункту призначення. Це можна зробити, натиснувши кожне посилання в поштовому клієнті або веб-браузері перед тим, як надсилати повідомлення.
4. Додайте резервні варіанти: якщо ви додаєте HTML-посилання в електронний лист, також додайте звичайні текстові версії тих самих посилань, щоб користувачі, які не можуть переглядати HTML-електронні листи, все одно мали змогу отримати до них доступ зі своїх вхідних повідомлень.
