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所不支持的属性的邮件设计与制作技巧”，欢迎您与我们一起探讨并关注我们。
关键字： ,