Какую версию HTML использовать в электронных письмах?

Question

Какую версию html вы бы порекомендовали для содержимого почты для обеспечения лучшей совместимости с почтовым клиентом?

HTML 3,2
HTML 4.01 переходный
HTML 4.01 строгий
XHTML 1.0
XHTML 2.0
HTML 5

Что бы вы порекомендовали мне использовать?

BR
Andreas

Answer 1

Если вы думали, что browser-html был фрагментирован, вы собираетесь избавиться от email-html. Вы часто не можете позволить себе роскошь предоставить doctype (чтобы различить переходный / строгий и т. Д.) ... даже если вы предоставите один, многие клиенты его проигнорируют. Это становится еще сложнее, когда у вас есть просмотрщики веб-почты - эти страницы уже имеют свой собственный тип документа, поэтому они не будут обращать внимание на ваш.

Как только вы пройдете этот путь (как, впрочем, даже не беспокойтесь об этом), вы узнаете, что предоставляются очень ограниченные варианты макета ... CSS поддерживается только смутно ... и не каждым клиентом ( отличный гид здесь ). Дизайн стола снова закрадется, и вы обнаружите, что плачете над тем, что вам нужно сделать, просто чтобы он выглядел читабельно (не говоря уже о том, чтобы он выглядел одинаково на разных платформах).

Это не то же самое, что попытаться создать приложение с графическим интерфейсом в командной строке ... или вывести морковь на бой с мечом.

Answer 2

Сохраняйте это как можно более наследственным и прощающим.Тем не менее, большинство почтовых клиентов в любом случае лишат голову и HTML, поэтому ваш тип документа не так уж и важен.

Ознакомьтесь с этой замечательной статьей: http://24ways.org/2009/rock-solid-html-emails, а также с этим списком свойств CSS и поддерживаемых ими почтовых клиентов: http://www.campaignmonitor.com/css/

Answer 3

Если вы кодируете электронные письма в формате HTML, вы хотите закодировать их так, как это происходит в 1999 году.

Это означает использование таблиц для разметки, встроенных стилей и ограниченного CSS.

Вот хорошая графика, показывающая, что работает и в каких браузерах: http://www.campaignmonitor.com/css/

Некоторые общие правила, которым я следую:

• Заполнение идет на <td> теги или <table> теги и ничего больше
• использовать фоновые изображения экономно или не использовать вообще
• без делителей, вместо этого используйте таблицы и вкладывайте их соответствующим образом
• наследование не всегда работает, так как <a> внутри тега <p> не всегда наследует стиль, поэтому лучше всего присвоить тегу собственный встроенный стиль для всего, включая стили шрифта
• установить все изображения на display:block и border="0" и всегда указывать ширину и высоту

Answer 4

Так как вы не контролируете тип документа, вы на самом деле не контролируете это.Если ваше сообщение появляется в веб-службе, вы получаете тип, который ОНИ используют.

Что еще хуже, Outlook использует движок MS-WORD для рендеринга HTML.

You 'Лучше всего использовать эту диаграмму , чтобы решить, какие функции использовать при кодировании ваших электронных писем, и просто притвориться, что это все еще 1999 год (дизайн на основе таблиц, без фоновых изображений).