“Святая” почта

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

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

Суть данного решения заключается в переносе CSS во внутренние таблицы стилей (Inline Style Sheets), т.е. все стили прописываются непосредственно в HTML-тегах. Универсальность достигается в том числе и за счет применения нескольких контейнеров таблиц и использования таких стилей, как border, padding, width.

Пример готово шаблона электронного письма в HTML-формате можно посмотреть здесь.

Шаблон протестирован в следующих сервисах и почтовых клиентах:

• Gmail
• Outlook 2007
• Outlook 2003
• Yahoo Mail
• Thunderbird 2.0.0.6
• Hotmail (new)
• Windows Mail (Vista)
• Windows Live Mail Desktop (Vista)
• Eudora 7.1.0.9
• iPhone
• Lotus Notes 8.0
• Apple Mail

Странно, что сюда не попал популярный TheBat!.

* * *

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

* * *

И на последок - статья (на английском) о поддержке CSS почтовыми сервисами Hotmail, Yahoo! Mail и Gmail. В ней приведено сравнение поддержки этими сервисами селекторов и CSS-свойств.