Базові правила html верстки листів для email розсилки - скрипти для сайтів

Базові правила html верстки листів для email розсилки - скрипти для сайтів

Кілька прикладів поштових клієнтів:


Що ж необхідно знати тим, хто збирається самостійно верстати HTML-код для email-листів?

1. Таблична верстка.

Верстаючи таблицями і забувши про блочну верстку, ви однозначно вбережете себе від проблем зі старими поштовими клієнтами. Також, не варто забувати, що веб-версії у поштових провайдерів можуть відкриватися в найрізноманітніших браузерах, цілком можливо, навіть в IE 6.0. Таблиці допоможуть вам бути акуратними і красивими всюди однаково.

2. Використовувати універсально-підтримувані атрибути у HTML-тегів.

Використання CSS строго Inline.

Забудьте про блокові css на початку документа. Тільки inline-стиль. Звичайно, це може викликати геморой при ручному приведення html-документа в порядок, але усунення подібних проблем існує сервіс Пєчкін, який пропонує автоматичний CSS-inliner. в рамках проекту Печкін.Лабораторія.

4. Бажано використовувати ширину всього документа в 600px.

Задайте максимальну ширину в 600 пікселів і забезпечте себе від гнівних відгуків про горизонтального прокручування в поштових клієнтах ваших передплатників.

Використання цих правил дозволить вам створити універсально відображається HTML -версію свого листа, а, значить, всі ваші передплатники будуть задоволені її зовнішнім виглядом без винятків!

В даному матеріалі використані сервіси Печкін.Лабораторіі. в якій ви можете знайти інструменти для автоматизації верстки, створення текстових версій листи і інших речей.

  • ВКонтакте
  • Disqus
  • Facebook