Адаптивным HTML-письмам нужны таблицы?

Question

Мне нужно сделать шаблон электронной почты и сделать его отзывчивым. Поскольку я вижу, что для этого вам нужно использовать медиа-запросы и стили CSS для заголовка и т. Д. Мне было интересно, не нужны ли таблицы больше для установки макета (они все равно раздражают).

Но я вижу блоги, объясняющие, как сделать отзывчивое электронное письмо в формате HTML с таблицами, поэтому мне интересно, почему они используют таблицы, если у них есть CSS?

Это потому, что это какой-то подход совместимости? Так что старые системы по-прежнему будут показывать макет, даже если он не идеален, а новые будут показывать его лучше?

Приветствия.

Answer 1

Почтовые клиенты используют действительно старые механизмы рендеринга. Если вы решите использовать div вместо таблиц, вы увидите, что ваша электронная почта ломается почти везде (особенно в outlook). Использование таблиц позволяет поддерживать старые почтовые клиенты, а также адаптировать вашу электронную почту к тем, кто ее поддерживает.

Есть много хороших учебных пособий, которые дают вам шаблоны, с которых вы можете начать, я предлагаю вам использовать их и строить оттуда. Чтобы усовершенствовать его на всех клиентах и ​​платформах, требуется некоторое время, и тестирование не доставляет удовольствия!

Этот урок пригодится.

Если вы можете получить учетную запись Litmus, это сделает тестирование менее болезненным, и большую часть времени они получат правильные результаты.

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

Удачи!