Должен ли я использовать разметку HTML 4.0 для своих шаблонов электронной почты?

Question

Дизайнер запрограммировал HTML-шаблон, используя лучшие практики CSS. Я хочу использовать этот шаблон в качестве шаблона рассылки электронной почты, но я слышал, что люди говорят, что hotmail, Yahoo и Gmail предлагают ограниченную поддержку CSS.

Должен ли я перекодировать эти шаблоны с использованием макетов таблиц и шрифтов?

Answer 1

Краткий ответ: Да .

Вы получите наилучшую совместимость с учетными записями веб-почты и почтовыми клиентами, используя самый простой и тупой HTML-код.

• Не используйте CSS-файлы или
• Обработка позиционирования с помощью вложенных таблиц с явной шириной
  • В этих ситуациях я интенсивно использую комментарии HTML, чтобы не запутаться в том, где я нахожусь в макете.
• Весь текст должен быть окружен тегами с информацией о стиле шрифта.
• Изображения должны иметь явную ширину и высоту.
  • Это помогает электронной почте сохранять правильную структуру при блокировке изображений.

---

Я обычно проверяю как минимум следующее:

• Outlook 2003
• Outlook 2007
  • Большинство ваших головных болей придет отсюда.
• Thunderbird
• Entourage (версия Outlook для OSX)
• Gmail
• Hotmail
• Yahoo Mail

Обычно вы в хорошей форме, если на всех них появляется что-то, что правильно отображается.

Мы используем Exact Target, и у них есть функция предварительного просмотра HTML, но она не идеальна. Я сталкивался с во многих ситуациях, когда электронная почта выглядела хорошо в предварительном просмотре, но все еще не работала в Outlook 2007.

Answer 2

Марк выше сказал все, что вам нужно сделать для разработки шаблонов электронной почты (это снова 90-е годы), но я хотел бы добавить еще одну вещь:

http://www.email -standards.org / - отличный ресурс, чтобы узнать, как разные почтовые клиенты интерпретируют HTML и CSS.

Answer 3

используйте тег div с фиксированной высотой / весом и поместите туда весь свой HTML. Это будет выглядеть одинаково у большинства клиентов. Iv'e пробовал раньше, и он отлично работает.

Answer 4

Вам придется вернуться к HTML каменного века, чтобы заставить работать электронную почту HTML, как предложил Марк. Все стили встроены в HTML. Нет тегов STYLE или внешних таблиц стилей.

MailChimp и CampaignMonitor оба предлагают отличные бесплатные HTML-шаблоны электронной почты. Они также предлагают услуги тестирования электронной почты, которые отправляют ваши html-письма нескольким различным почтовым клиентам, а затем отправляют вам скриншоты результатов.

Answer 5

Чтобы построить то, что сказал Марк:

Если это вообще возможно, вообще избегайте использования CSS (хотя обычно это нормально для таких вещей, как текст). Используйте таблицы для всего позиционирования, пустые элементы <td> для заполнения / меньшие биты позиционирования.

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