Некоторые особенности вёрстки email-писем:

• Табличная вёрстка. 35 Это залог того, что письмо нормально отобразится на всех платформах, так как сообщения могут открываться в почтовых клиентах и браузерах, которые не поддерживают новые версии HTML. 5
• Универсальные HTML-теги и атрибуты. 3 Вместо специфичных элементов нужно использовать универсальные, которые поддерживаются всеми почтовыми клиентами и браузерами. 3
• Безопасные шрифты. 3 Почтовые клиенты отображают ограниченный набор шрифтов. 3 Чтобы текст везде отобразился одинаково, следует использовать безопасные значения свойства font-family. 3
• Адаптивная вёрстка. 15 Письмо должно подстраиваться под ширину экрана, чтобы текст был читабельным, а картинки — оптимального размера. 5 Для этого нужно указывать размер каждого блока в процентах, а не использовать пиксели. 5
• Включение alt-текста для изображений. 14 Это поможет получателю письма понять, что должно было быть на месте изображений, если его email-клиент вдруг их не покажет. 1