Проблема с рассылкой html-письма. Почему Gmail меняет структуру письма?

Question

[Lefterov]

При рассылке на почты только в Gmail добавляются в верстку HTML-письма новые теги, например: <div class="gE iv gt">, <div class="aHl"></div> в вертску самого письма. Использую табличную вёрстку. Рассыльщик ims enterprise. Рушится структура и, соответственно, неправильно отображается. В rambler всё отображается нормально.

Comments

[Danny Arty]

Верстку бы увидеть

[Lefterov]

<div id=":4" class="aeH"><div class="D E G-atb" style="display: none;"><div class="nH aqK"><div class="Cq aqL"><div class="bzn"><div class="G-tF"><div class="G-Ni J-J5-Ji"><div id=":29" class="T-I J-J5-Ji T-Pm T-I-ax7 L3 J-JN-M-I G-as3" role="button" tabindex="0" aria-haspopup="true" aria-expanded="false" data-tooltip="Выбрать" aria-label="Выбрать" style="user-select: none;"><div class="J-J5-Ji J-JN-M-I-Jm"><span class="T-Jo J-J5-Ji" aria-checked="false" role="checkbox" dir="ltr" style="user-select: none;">

[Lefterov]

Пример одного участка который генерирует Gmail

[Lefterov]

Danny Arty, Табличная вёрстка стандартного письма ничего особенного нет, не могу демонстрировать код исходя из правил компании. Дело в том что другие почты воспринимают всё нормально и ничего не ломается в плане отображения, а Gmail добавляет собственные блоки увеличивая вложенность DOM ("")

[Danny Arty]

Lefterov, ну во первых, я не вижу тут таблиц. Во вторых многие почтовые клиенты не воспринимают никак теги style, поэтому стили следует прописывать инлайново

[Lefterov]

Danny Arty, это не мой код а участок который вставляет Gmail и такого много прямо в моей вёрстке

[wisgest]

С вёрсткой, отображаемой в веб-интерфейсе, они вольны делать, что угодно. Сомневаюсь, что при этом вносятся какие-то изменения в исходный код письма.

Answer 1

[Сергей Романенко]

Попробуйте наверное верстать письма на каком либо из фреймворков.

Я сам долгое время верстал их на Zurb Ink Framework (но к сожалению они закрылись)

Сейчас есть другие фреймворки для верстки писем, например вот эти
https://mjml.io
https://emailframe.work/
https://bojler.slicejack.com

Comments

[Lefterov]

Попробую, спасибо!