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

Question

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

Answer 1

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

Hotmail, Yahoo! Mail и Windows Live Mail не удаляют теги style в элементе body.

Но взгляните на «Окончательное руководство по CSS» для электронной почты в формате HTML в Campaign Monitor.

Answer 2

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

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

http://commadot.com/email-best-practices/ - последний по величине.

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

Answer 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 для использования в электронных письмах - это каменный век

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

Answer 4

Большинство клиентов gmail теперь поддерживают встроенный CSS по состоянию на сентябрь 2016 года, поэтому это должно быть безопасно.

https://litmus.com/blog/gmail-to-support-responsive-email-design

Answer 5

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

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