Адаптивные email'ы. Вёрстка адаптивных email

Расскажем об особенностях верстки email шаблонов - в чем основные проблемы верстки, как работать с мультимедиа, шрифтами и адаптивностью. И все это с примерами кода.

Самые популярные почтовые платформы

Разнообразие почтовых клиентов и движков рендеринга приводит к необходимости использования универсальных подходов. В частности, это значит, что вместо использования

лучше применять табличную верстку . Конкретно, это выливается в использование:

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