Верстка двух вариантов одного письма для e-mail рассылки

Яна14 лет в сервисе

Данные заказчика будут вам доступны после подачи заявки

16.08.2017

Содержание письма

1. Два графика

2. Оглавление

3. Статьи (30 шт) структурированные - заголовок, источник, гиперссылка, дата, основной текст

Оглавление и статьи связаны.

Шрифты и стили подобраны

Пожелания к верстке:

HTML

Тело письмостроится с DOCTYPE:

Далее версткавыполняется в таблицах, что дает исчерпывающую гарантию работы.

Стили и внешнийвид исполняется инлайново, не посредственно в атрибуте style для каждого

отдельного элемента

Аналогично дляотдельных устройств, которые выявляются в ходе тестирования можно добавить

стили в head через тег style, однако некоторыми машинами подобные стили могут

вырезаться

Для мобильныхверсий отрабатывать стили через классы в media queries

viewportобязательный для использования корректного масштабирования в мобильных версиях

Шаблон хедаможет выглядеть примерно так:

Email subject or title

Нюансы разработки, изображения лучше добавлять через атрибут background,

Не стоит заморачиваться с разностью тегов, чем проще, тем лучше, table => body, tr,

td, thead вполне хватает для всех задач

Обнулитьбазовые значения для таблиц через

cellpadding="0" cellspacing="0">

Элементы не должны содержать фиксированных размеров, значит "px" не должно быть,

размеры должны быть относительными, использовать например %, которые легче

всего поддерживать.

Самый также наиболее простой вариант использовать практики из

boilerplate,

так как наиболее проверенные и отточенные. (https://github.com/seanpowell/Email-Boilerplate)

Теперь дополнительные рекомендации, "письма" в таблице будут состоять из

набора ячеек, удобно использовать "шаблоны" ячеек для своих нужд,

заменяя в них только текст, при условии, что общий каркас для всего письма

будет один:

body =>table (каркас)

tr => td(элемент, внутри которого контент)

table =>body (конец письма)

tr => td вданном случае это элементы, составные части