什么是HTML电子邮件设计的指南?

您可以为电子邮件中的富HTML格式化提供什么指导,同时在多个客户端和基于网络的电子邮件界面中保持良好的视觉稳定性?

关于Stack Overflow的一个问题的一个不相关的答案建议:

http://www.campaignmonitor.com/blog/archives/2008/05/2008_email_design_guidelines.html

其中包含以下准则:

>将样式表放置在< body>而不是< head>
一些电子邮件客户端将剥离CSS的头,但如果风格块(无效)在主体中离开它。
>尽可能使用内联样式
Gmail会剥离所有样式表,无论是在< head>或在< body>中,但是使用style =“”属性指定的荣誉内联样式
>返回表
由于Outlook 2007使用Microsoft Word渲染引擎,电子邮件标准实际上已经向后迈出了巨大的一步。忽略大部分你学到的没有样式表的定位。
>不要依赖图像
大多数客户端和大多数基于网络的电子邮件客户端将不显示图像,除非用户特别要求它们显示。

我还有一些“未经证实”的真理,我不记得我在哪里读它们。

>不要在表中使用两个以上的嵌套级别
这是真的。如果我这样做,可能会发生什么?是否有任何特定的客户端/客户端窒息这个?
>小心在单元格/表中嵌套背景图像
根据我的理解,你可能会遇到背景图像应用在下降表/单元格完全重新,而不只是“闪耀”的情况。再次,真的吗?哪些客户?

我想从更多的准则和经验丰富这个列表从战壕。

你能提供任何进一步的建议吗?

更新:我特别要求HTML中的设计部分和一致性的指南。关于avoiding spam filterscommon courtesy的一般准则的问题已经在SO上。

如果你从一个“现代的HTML和CSS”的角度来处理它,实际上真的很难制作一个体面的HTML电子邮件。

为了最好的结果,想象它是1999年。

>返回布局表(或者最好 – 不要尝试任何复杂的布局)
>害怕背景图片(他们在O​​utlook 2007和Gmail中打破)。
>风格标签在身体的事情是因为Hotmail曾经接受它的方式 – 我敢肯定,他们现在剥离了。如果必须使用CSS,请使用带有样式属性的内联样式。
>完全忘记浮动
>记住您的图片可能会被阻止 – 使用背景和文字颜色为您的优势 – 确保有一些可读的文字与图像禁用
>对链接非常小心,对链接文本中看起来像是网址的任何内容尤为警惕 – 您会愤怒“网络钓鱼”过滤器(例如< a href =“http://domain.tld”> www.someotherdomain .tld< / a>是错误的)
>请记住,网络邮件客户端的“折叠”往往在页面上非常高(在1024×768屏幕上,大多数界面将不会显示超过一百像素左右) – 让你的身份的东西在顶部,所以收件人知道你是谁。
>最新版本的outlook有一个“肖像”预览窗格,比你可能期望的窄得多 – 非常警惕固定宽度的布局,如果你必须使用它们,使他们尽可能窄。
>甚至不要考虑闪存,Javascript,SVG,画布,或任何类似的东西。
>测试,很多。确保你在最近的Outlook中测试(事情已经改变了很多!它现在使用Word作为它的HTML呈现引擎,它的瘫痪:Word 2007 HTML/CSS support)。 Gmail也很漂亮。令人惊讶的是,雅虎的网络邮件是非常好的,有很好的CSS支持。

祝你好运 😉

更新以回答更多问题:

Don’t use more than two levels of nesting in tables

我相信这是一个关于Lotus Notes的旧指南。嵌套表应该是好的,但是真的,如果你有一个布局足够复杂,需要它们,你可能会有麻烦。保持你的布局简单。

Be careful of nesting background images in cells/tables

这可能与上述相关,并且同样适用,如果你变得复杂,那么你会有问题。最新版本的Outlook不支持背景图片,所以你最好建议完全忘记他们。

http://stackoverflow.com/questions/127498/what-guidelines-for-html-email-design-are-there

本站文章除注明转载外,均为本站原创或编译
转载请明显位置注明出处:什么是HTML电子邮件设计的指南?