Могу ли я поместить тег <style>...</style> в тело HTML файла для отправки по электронной почте?

Поскольку многие почтовые клиенты игнорируют тег HEAD, могу ли я встроить встроенную таблицу стилей в тело?

Ответ 1

Короткий ответ - нет. Gmail разделяет тег и его содержимое.

Hotmail, Yahoo! Почта и Windows Live Mail не разделяют стили-теги в элементе body.

Но посмотрите на "The Ultimate Guide to CSS" для электронной почты HTML на мониторе кампании.

Ответ 2

Создание HTML-письма, которое работает в каждом почтовом клиенте, сложно. Я потратил несколько месяцев на разработку красивого шаблона.

http://commadot.com/the-holy-mail/ - оригинальный блог с моими выводами.

http://commadot.com/email-best-practices/ - самый последний.

Конкретный ответ на ваш вопрос: Gmail будет в порядке с style="", но не с блоком <style>.

Ответ 3

Вы можете проверить бесплатные шаблоны электронной почты html, которые CampaignMonitor и MailChimp ( EDIT: и Ink by Zurb) предоставляют:

http://www.campaignmonitor.com/templates/

http://www.mailchimp.com/resources/templates/

http://zurb.com/ink/

Там обновленная версия справочника Campaign Monitor приведена здесь: http://www.campaignmonitor.com/css/

К сожалению, самый надежный HTML для использования в электронных письмах - полностью каменный век

РЕДАКТИРОВАТЬ: Чернила имеют инструмент "inliner", который принимает содержимое тегов style и строит их на соответствующие элементы: http://zurb.com/ink/inliner.php

Ответ 4

Да, вы можете. Однако вы должны иметь в виду, что несколько почтовых клиентов уважают стандарты css. Просто придерживайтесь основных свойств css, таких как margin и padding и т.д., И все должно быть хорошо.

Также вы можете стилизовать свои html-элементы inline (<div style="">), хотя это не изящное решение.