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

StackOverflow https://stackoverflow.com/questions/496825

  •  20-08-2019
  •  | 
  •  

Вопрос

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

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

Это было полезно?

Решение

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

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

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

Обычно я тестирую как минимум на следующих:

  • Прогноз на 2003 год
  • Прогноз на 2007 год
    • Большая часть ваших головных болей будет исходить отсюда.
  • Громовая Птица
  • Entourage (версия Outlook для OSX)
  • Gmail
  • Горячая почта
  • Почта Yahoo

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

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

Другие советы

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

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

Отталкиваться от того, что сказал Марк:

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

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

Вам придется вернуться к HTML каменного века, чтобы электронные письма в формате HTML работали так, как предложил Марк.Все стили встроены в html.Никаких тегов СТИЛЕЙ или внешних таблиц стилей.

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

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

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top