Правда ли, что информационные бюллетени в HTML должны иметь «табличный» макет?

Question

Я где-то читал, что при создании электронного письма в формате HTML следует использовать табличный макет.Вам не следует беспокоиться о создании макета на основе CSS без таблиц.Это правда?Мне нужно создать макет информационного бюллетеня для моей компании, но мне неудобно писать 3 вложенные таблицы.

Answer 1

Если вы хотите, чтобы ваше HTML-письмо хорошо выглядело в большинстве почтовых клиентов, вам следует писать HTML так, как это было в 1999 году :)

Answer 2

Я очень рекомендую посетить Проект стандартов электронной почты Веб-сайт.В нем перечислены почти все основные почтовые клиенты (как автономные, так и веб-интерфейсы), представленные на рынке, и указано, насколько поддержка HTML встроена в каждый из них.

Также ознакомьтесь с Campaign Monitor рекомендации по дизайну электронной почты несколько практических руководств по правильному созданию электронной почты в формате HTML, включая, к сожалению, «использование таблиц».

Answer 3

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

Answer 4

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

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

http://www.sitepoint.com/article/code-html-email-newsletters/

http://www.sitepoint.com/article/principles-beautiful-html-email/

http://www.sitepoint.com/article/designers-guide-html-email/

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

Answer 5

Конечно, не существует стандарта, который предписывал бы это, и на самом деле лучшие практики предписывают не использовать таблицы для разметки (за исключением случая разметки табличных данных).

Существует аргумент в пользу использования таблиц в презентации, поскольку нет никакой гарантии, что множество настольных и веб-клиентов электронной почты будут правильно отображать презентацию на основе CSS...Однако я бы не сказал, что это аргумент сам по себе.

Answer 6

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

Answer 7

Возможно, вы захотите посмотреть на это, хотя речь идет конкретно о описанной поддержке подмножества html/css Oulook:

http://msdn.microsoft.com/en-us/library/aa338201.aspx

Answer 8

Таблицы используются по двум причинам:

1. Электронная почта в формате HTML может отображаться в широком спектре клиентов с самыми разными возможностями.Это все равно, что попытаться создать веб-сайт для каждого браузера, а затем умножить его на 10.
2. Многие веб-клиенты электронной почты портят макет CSS.

Answer 9

Я обнаружил, что у Outlook проблемы с макетами на основе div.

Answer 10

Мы провели с клиентами несколько тестов того, как информационные бюллетени выглядят на их компьютерах, и обнаружили, что большинство из них используют макет в Outlook или Mail, ширина которого составляет всего около 45 символов.Они не утруждают себя двойным щелчком мыши, чтобы открыть электронное письмо в новом окне или прокрутить его.Письма с содержанием, отличным от логотипа и текста, которые выглядели несколько лучше, содержали только один большой GIF-файл…

Answer 11

+1 по совету Campaign Monitor.Я также видел много отличного контента от Эмма.По моему опыту, чем проще вы можете сделать шаблон новостной рассылки по электронной почте, тем лучше.Это вдвойне верно в мире, где все больше пользователей читают ваше сообщение на мобильном устройстве с маленьким экраном.

Answer 12

Раньше для макета страниц было обычным использовать таблицы, и многим людям, создающим страницы, до сих пор удобнее делать это таким образом.

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