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

Amelie · 浏览 7095 · 点赞 0 · 14年前 (2011-03-28)

各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渲染引擎?

安全性
采用Microsoft Office Word引擎渲染，以提高邮件安全性、增强渲染统一性。
微软在互联网推广最新版本时，声称：“为了改进邮件的安全功能，Outlook07向前迈出了重要的一步”。
标准化显示
截止目前为止，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所不支持的属性的邮件设计与制作技巧”，欢迎您与我们一起探讨并关注我们。