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

Question

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

Answer 1

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

Answer 2

Я бы настоятельно рекомендовал посетить веб-сайт Email Standards Project . В нем перечислены практически все основные почтовые клиенты (как автономные, так и веб-клиенты) на рынке и указано, сколько встроенной поддержки 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

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

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

Answer 7

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

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

Answer 8

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

Answer 9

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

Answer 10

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