Поскольку многие почтовые клиенты игнорируют тег HEAD, могу ли я встроить встроенную таблицу стилей в тело?
Могу ли я поместить тег <style>...</style> в тело HTML файла для отправки по электронной почте?
Ответ 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/
Там обновленная версия справочника 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="">
), хотя это не изящное решение.
Ответ 5
Большинство клиентов gmail теперь поддерживают встроенный CSS по состоянию на сентябрь 2016 года, поэтому это должно быть безопасно.
https://litmus.com/blog/gmail-to-support-responsive-email-design