Создание простого адаптивного HTML-шаблона электронного письма. Верстка адаптивных писем: памятка маркетолога
Расскажем об особенностях верстки email шаблонов - в чем основные проблемы верстки, как работать с мультимедиа, шрифтами и адаптивностью. И все это с примерами кода.
Самые популярные почтовые платформы
Разнообразие почтовых клиентов и движков рендеринга приводит к необходимости использования универсальных подходов. В частности, это значит, что вместо использования
лучше применять табличную верстку
. Конкретно, это выливается в использование:
-
вместо
- #FFFFFF вместо #FFF ,
- padding вместо margin ,
- CSS2 вместо CSS3,
- HTML4 вместо HTML5,
- background-color вместо background , также стоит использовать расширенные свойства, вроде padding-top;, padding-left; и другие,
- фон цветом вместо фоновых изображений, а визуальные элементы через тег ,
- HTML-атрибутов вместо CSS,
- инлайн CSS вместо наборов стилей или блоков