Каков наилучший способ (CSS / Таблицы / Встроенные стили / Внешние таблицы стилей) для форматирования электронной почты?

Question

Я планирую составить HTML-почту для списка рассылки. Как мне отформатировать это? Я рассмотрел две дихотомии:

• CSS, в частности, выровненные элементы div и таблицы для разметки
• Встроенные стили style="width: 60%" против внешних таблиц стилей

Какова лучшая практика или дайте мне несколько военных историй относительно форматирования электронной почты?

Answer 1

Эта статья - отличная отправная точка. http://articles.sitepoint.com/article/code-html-email-newsletters

В основном вы используете таблицы для структуры. Используйте встроенные стили CSS вместо внешних. Используйте таблицу для своего контейнера, а затем создайте другую таблицу внутри этой таблицы для каждого раздела, например заголовок, содержимое, нижний колонтитул. Думайте об электронных письмах, как если бы вы кодировали десять лет назад. :)

Answer 2

* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *

Answer 3

Теги

<style> удаляются некоторыми почтовыми сайтами (я думаю, что Gmail или Yahoo). Встроенные стили, кажется, работают, но имейте в виду, что Outlook и Thunderbird вообще не соответствуют стандартам, и разные клиенты могут удалять случайные вещи. Это хуже, чем писать сайт для IE6.

РЕДАКТИРОВАТЬ: Да, и будьте осторожны с тем, как вы делаете свой макет, потому что плавающее и положение также могут быть удалены. Честно говоря, я рекомендую таблицы.

Еще одно редактирование: видимо Thunderbird стал лучше с тех пор, как я в последний раз пытался его использовать. Тем не менее, не ожидайте от него слишком многого ..

Answer 4

Важным аспектом будет то, смогут ли ваши читатели читать электронную почту в автономном режиме (как в Blackberry ПОСЛЕ загрузки сообщения, пока вы находитесь в самолете). CSS должен быть кэширован, чтобы он работал. Если вы добавите весь стиль в сообщение, оно будет автономным (подключение не требуется).

Просто мысль.