Создавая электронные письма в формате HTML, можно ли разместить стили в разделе заголовка или нужно использовать встроенные стили? - PullRequest
Новая
       7

Создавая электронные письма в формате HTML, можно ли разместить стили в разделе заголовка или нужно использовать встроенные стили?

0 голосов
/ 12 марта 2012

Мне нужно создать несколько шаблонов электронной почты с использованием базового HTML и CSS.

Я нашел эту страницу , в которой подробно описываются стили CSS, которые наиболее поддерживаются в различных почтовых клиентах.Я понимаю, что они будут работать как встроенные стили.Тем не менее, я хотел бы поместить их в заголовок раздела электронной почты, так как это будет немного чище, могу ли я сделать это также, и будет ли оно хорошо поддержано?Например, 

<!DOCTYPE html>
<html>
    <head>
        <style type="text/css">
           /* CSS goes here */
        </style>
    </head>
    <body>
        Email goes here
    </body>
</html>

Большое спасибо!

Ответы [ 4 ]

4 голосов
/ 12 марта 2012

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

Такие инструменты, как premailer , которые встроены в стили для вас, помогают облегчить многие головные боли.

CampaignMonitorпредоставляет хороший список поддержки CSS .

3 голосов
/ 12 марта 2012

Я рекомендую htmlemailboilerplate

2 голосов
/ 12 марта 2012

Использование CSS и HTML в новостных рассылках электронной почты поможет вам в публикации http://groundwire.org ..

http://groundwire.org/labs/email-publishing/using-css-and-html-in-email-newsletters

1 голос
/ 04 июля 2012

Чтобы быть максимально совместимым с самым широким диапазоном почтовых клиентов, вы захотите использовать встроенные стили.Я всегда стараюсь мыслить как веб-программист с 1995 года при разработке шаблонов электронной почты.

Таблицы - ДА!Прозрачные PNG - Nooooooooooo.

К счастью, существует множество инструментов, помогающих создавать шаблоны электронной почты, которые работают в большинстве почтовых клиентов. MailChimp's Email Blueprints В проекте было много шаблонов, с которых можно начинать.

Вы МОЖЕТЕ использовать стилизацию CSS во время разработки (шаблоны MailChimp делают это).Но прежде чем отправить электронное письмо, вам нужно будет запустить его с помощью инструмента HTML Inliner, чтобы встроить все стили CSS.MailChimp делает это автоматически, если вы используете их сервис.Или Premailer тоже отлично работает.

...