相关疑难解决方法(0)

有哪些HTML电子邮件设计指南?

您可以为电子邮件中的丰富HTML格式提供哪些指导,同时在许多客户端和基于Web的电子邮件界面中保持良好的视觉稳定性

关于Stack Overflow问题的一个不相关的答案表明:

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

其中包含以下准则:

  1. 放置样式表<body>而不是<head>
    某些电子邮件客户端会将CSS从头部剥离,但如果样式块(无效)在正文中,则保留它.
  2. 尽可能使用内联样式
    Gmail将删除任何样式表,无论是在<head>或中<body>,还是使用该style=""属性分配的荣誉内联样式
  3. 返回表格
    由于Outlook 2007使用Microsoft Word渲染引擎,近年来电子邮件标准实际上已经倒退了一大步.在没有样式表的情况下,忘掉您学习的大部分定位.
  4. 不要依赖
    图像除非用户明确要求显示图像,否则大多数客户端和大多数基于Web的电子邮件客户端都不会显示图像.

我也有一些"未经证实"的事实,我不记得我在哪里阅读它们.

  1. 不要在表中使用两个以上的嵌套级别
    这是真的吗.如果我这样做会发生什么?是否有任何特定的客户/客户窒息?
  2. 小心在单元格/表格中嵌套背景图像
    据我所知,您可能会遇到背景图像完全重新应用于降序表格/单元格中的情况,而不仅仅是"闪耀".再次,真的与否?哪个客户?

我想从战壕中获得更多的指导和经验,充实这份清单.

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

更新:我特别要求HTML中的设计部分指南和一致性.有关避免垃圾邮件过滤器的一般准则以及常见礼节的问题已经在SO上.

html email

99
推荐指数
3
解决办法
4万
查看次数

为Gmail设置HTML电子邮件样式

我正在生成一个使用内部样式表的html电子邮件,即

<!doctype html>
<html>
<head>
  <style type="text/css">
    h2.foo {color: red}    
  </style>
</head>
<body>
 <h2 class="foo">Email content here</foo>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

在Gmail中查看时,似乎忽略了内部样式表中的所有样式.Gmail似乎忽略了除内联规则之外的所有样式,例如

 <h2 style="color: red">Email content here</foo>
Run Code Online (Sandbox Code Playgroud)

这是我在使用Gmail查看时设置HTML电子邮件样式的唯一选项吗?

html css gmail html-email

93
推荐指数
4
解决办法
11万
查看次数

标签 统计

html ×2

css ×1

email ×1

gmail ×1

html-email ×1