Требуется ли HTML/CSS для рассылки электронной почты html в табличном формате, или я могу использовать DIV с одинаковой гарантией, что он отобразит хорошо перекрестный почтовый клиент? Я загрузил несколько шаблонов, чтобы посмотреть, как они сделаны, на чем основано мое собственное, и все они, кажется, используют таблицы.
Любое понимание очень ценится, спасибо!
Когда дело доходит до электронной почты HTML, обратите внимание, что все лучшие практики веб-разработки выходят из окна. Чтобы сделать взгляд последовательным, вы должны:
<style> -tags отбрасываются многими клиентами.<html>, <head> и <body> - в любом случае они будут отброшены большинством клиентов.Здесь вы можете прочитать более подробные версии вышеуказанных пунктов:
Как и все здесь, используйте таблицы и встройте все свои css..., но есть экосистема почтовых приложений, которые помогут вам создавать электронные письма.
Я использую Mailrox (https://www.mailrox.com/) для большинства своих сборников по электронной почте в последнее время, и кажется, что это довольно хорошо, и выдает идеальные HTML-письма, если вы строите один из дизайна, даже если он в бета-версии.
Вы также можете попробовать предварительно построенные шаблоны из Mailchimp или Monitor, но это звучит например, у вас есть дизайн для вашей электронной почты, поэтому, возможно, Mailrox будет лучше.
Если вы действительно хотите заняться созданием электронных писем, я бы сказал, забыл большую часть того, что вы знаете о современных веб-дизайнерах и макетах главных таблиц, и используйте ссылки из PatrikAkerstrand.
Litmus также отлично подходит для тестирования ваших дизайнов с ручным кодированием. Они дают вам предварительный просмотр вашей электронной почты (почти) всех клиентов электронной почты.
Надеюсь, что это поможет.
Многие почтовые клиенты не могут отображать css. Я бы использовал таблицы для форматирования вашей почты и использования изображений для чего-либо еще.
Как уже упоминалось, ваши HTML-письма должны быть созданы с использованием таблиц (а не div). Вы также можете добавить CSS - как с помощью внешней таблицы стилей, но это не будет воспринято всеми почтовыми клиентами, поэтому на самом деле более надежно добавить ваш css в строку. Даже при этом некоторые атрибуты могут игнорироваться некоторыми почтовыми клиентами, поэтому ваш лучший выбор по-прежнему использует атрибуты HTML, когда они доступны. "Вы должны сделать это, потому что некоторые клиенты, такие как Gmail, будут игнорировать или лишать содержимое вашего тега или игнорировать их". Источник: http://webdesign.tutsplus.com/articles/creating-a-simple-responsive-html-email--webdesign-12978
В стороне, я также узнал через пробную версию и ошибку, что даже изображения должны быть обрезаны до точного размера, который вы хотите, чтобы они отображались в вашем письме. Outlook, если он ужасен при сборе атрибутов HTML для ширины/высоты для изображений, и я видел несколько неприятных растянутых писем, только потому, что эти атрибуты были проигнорированы, а изображения отображались в полном размере.