При використанні HTML в тексті email-повідомлень слід мати на увазі, що поштові програми по-різному відображають такі листи. Веб-сторінка, відмінно виглядає в браузері (Firefox, Internet Explorer або Opera), може бути суттєво викривлена поштовою програмою (Outlook, Thunderbird, Mail.ru, Gmail). Якщо не дотримуватися простих правил по використанню HTML і CSS при складанні листів, ваші передплатники побачать замість красивого листи негарний набір картинок, рядків і посилань і відмовляться від отримання подальших розсилок. Як створити HTML-лист, стійке до обмежень поштових програм, описано в наших рекомендаціях.
Рекомендації по складанню HTML-листів
- Для формування структури сторінки краще використовувати таблиці. Якщо ви звикли верстати блоками DIV. доведеться відмовитися від такого підходу з огляду на слабку підтримку блокових елементів поштовими клієнтами.
- Для завдання фону сторінки варто використовувати таблицю з шириною 100% і вирівнюванням по центру, в яку можна вкласти іншу таблицю з основним вмістом листи.
- Бажано уникати великого рівня вкладеності таблиць, тому що структура листа може бути спотворена поштовими програмами.
Більшість поштових програм видаляють зовнішні стилі, включаючи посилання на зовнішні файли стилів, додані за допомогою тега LINK. Тому для правильного відображення листи використовуйте тільки вбудовані (inline) стилі для HTML-тегів, наприклад:
Не рекомендується використовувати скорочені форми стилів, наприклад:
Для правильного відображення листа вказуйте всі властивості окремо:
На жаль, підтримка CSS-властивостей поштовими клієнтами не надто широка в порівнянні з сучасними інтернет-браузерами. Щоб лист виглядало правильно у всіх одержувачів, використовуйте тільки наступний набір широко підтримуваних стилів:
background-color
border-.
color
font-.
letter-spacing
line-height
margin-.
padding-.
text-align
text-decoration
text-transform
Вибір і тестування дизайну листи
Якщо у вас є можливість вибрати між простим і складним дизайном HTML-листи, вибирайте простий - в цьому випадку шанси некоректного відображення в поштовому клієнті мінімальні.