Outlook 2007 邮件客户端的Html邮件解析规则

各ISPs及邮件客户端的Html邮件解析规则系列教程(一)

Outlook2007 邮件客户端的Html邮件解析规则指南

微软的新版本Outlook 07的发布由于使用了Word的Html渲染代替了以往基于IE浏览器的Html页面渲染,给邮件设计者带来了很大影响!

 

但Word 2007目前并不支持很多Html语言及CSS样式,也就意味着Outlook 07中邮件背景图片无法显示、不支持CSS的Float或Position属性、不支持DIV+CSS盒子模式等等。 因此,这个变化在很大程度上影响到Html邮件在Outlook 07显示,如很多在网页中显示正常的Html邮件但在邮箱中显示异常。

 

(一) Microsoft Outlook2007 变化的原因
  为什么Microsoft Outlook07决定更换渲染引擎为微软Word的Html渲染引擎?
 
  1. 安全性
    采用Microsoft Office Word引擎渲染,以提高邮件安全性、增强渲染统一性。
    微软在互联网推广最新版本时,声称:“为了改进邮件的安全功能,Outlook07向前迈出了重要的一步”。
  2. 标准化显示
    截止目前为止,Outlook已使用了两种渲染引擎。首先, 收件箱中Html邮件显示采用IE渲染引擎,而回复或转发的Html邮件则使用了Word的Html渲染引擎。于是,Outlook用户在创建和接收邮件过程中, 就会面临很多不统一的情形。因此,微软Outlook07新版本,决定了采用统一标准的渲染引擎,显示Html邮件。

尽管Outlook2007存在很多对Html 邮件的渲染弊端,但是发布以后,仍很快地在市场上拥有了较大的占有率。因此,对于邮件设计师来说,如何布局Html邮件,也是一项不容忽视的挑战。

 
(二) Microsoft Outlook2007不支持的属性
 

因此,微软基于互联网浏览器支持的网页标准,总结了Word 2007功能有关的Html语言及CSS标准问题。 Microsoft Outlook2007目前所不支持的属性主要有:

  • 不支持表单
  • 不支持背景图像(CSS)
  • 不支持定位(CSS)
  • 不支持文本的Warp属性(CSS)
  • 不支持GIF动画
  • 不支持Flash及其他插件

其他邮件客户端的CSS属性支持情况:

 

 

当今邮件阅读客户端有很多种,不同的用户可能所使用的操作系统、客户端软件(如传统的Outlook,Gmail,Hotmail等)、浏览器版本等对免费邮件渲染处理也不同。而且大多数邮件客户端都有自己的HTML头部信息的定义,为了避免与免费邮件的头部标签样式起冲突,会屏蔽掉邮件中的<html><head><body>标签命令。

 

若希望所有不同客户端的用户看到的邮件相同,建议采用最原始的排版方式:表格布局+CSS,根据目前我们对Html邮件的测试,其兼容性更好。

 

有人会想到,为什么不用时下Web标准中最流行的布局方式Div+CSS呢?而且它比表格具有更多的优点:如结构与表现可以相分离,代码更简洁。很可惜,它适用于网页设计,而不适合于Html邮件设计。您若若采用DIV+CSS布局,大部分邮件客户端机ISP会对某些标签添加自己默认的样式,或不识别CSS属性,而导致邮件无法正常预览。

 

下图是主流ISP及邮件客户端对HTML的CSS属性支持情况:

 

  邮件客户端名称   CSS属性支持情况
  Yahoo!Mail   CSS
  Hotmail   CSS
  Gmail   Tables+ 内联CSS
  Outlook2003 and Outlook Express   CSS
  Outlook2007   Tables + 内联CSS
  Lotus Notes   Tables + 内联CSS
  AOL 9   CSS
  Mac Mail   CSS
有关邮件中如何正确引用CSS,请点击阅读

 

目前,Outlook邮件客户端大约已占据B2B市场的75%份额。而新版本的Outlook2007,毫无疑问地仍占据一部分市场份额。因此,创建Html布局邮件,优化将是邮件设计师优先考虑的工作。同时,也意味着我们不得不再次使用原始的Table+CSS布局来代替DIV+CSS布局Html邮件,以确保邮件可以兼容Outlook邮件客户端。

 

Outlook 2007 ,对邮件中的Html元素及CSS属性支持相当有限,更详细说明请阅读微软官方文档:
http://msdn.microsoft.com/en-us/library/aa338201.aspx

http://msdn.microsoft.com/en-us/library/aa338200.aspx

 

我们在今后的《灵动邮件营销—邮件设计教程》的章节中,将会继续为大家介绍“针对Outlook 2007所不支持的属性的邮件设计与制作技巧”,欢迎您与我们一起探讨并关注我们。

灵动邮件营销博客版权声明,转载时请以超链接形式标明文章出处:
《各ISPs及邮件客户端的Html邮件解析规则系列教程(一)》http://blog.unimarketing.com.cn/2011/03/28/1417.html