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

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

Outlook2007 中的Html邮件解析规则指南—不支持的表单元素

通过《各ISPs及邮件客户端的Html邮件解析规则系列教程(一)》中所讲述了“Microsoft Outlook2007的重要变化”,从本期开始,我们将陆续为大家介绍Outlook2007的变化及它不支持的6个主要元素,同时,介绍一些解决这些问题的技巧。

 

今天给大家介绍是:“不支持的‘表单’元素”:

 

表单

表单元素是允许用户在浏览器中(比如:文本域、下拉菜单、单选框、复选框等)输入信息的元素。用户可以在问卷调查中插入表单收集客户的信息,实现与客户的互动。

 

以下是Outlook 2003和2007对比截图

 

举例说明:用户满意度问卷调查,代码如下

 

  Html代码
  <form>
  姓名<font color="#FF0000">&nbsp;*&nbsp;</font>:
  <input name="姓名" type="text" size="12" />
  <select name="称呼">
  <option value="先生" selected="selected">先生</option>
  <option value="女士">女士</option>
  </select>
  地址<font color="#FF0000">&nbsp;*&nbsp;</font>:
  <input name="地址" type="text" size="20" />
  邮编<font color="#FF0000">&nbsp;*&nbsp;</font>:
  <input name="邮编" type="text" size="7" />
  Email<font color="#FF0000">&nbsp;*&nbsp;</font>:
  <input name="E-MAIL" type="text" size="20" />
</form>
 
上述代码在邮件中显示效果:
Outlook 2003 中可以正常显示的表单效果:
Outlook 2003 中可以正常显示的表单效果
而在Outlook 2007 中,则不能正常显示:
Outlook 2007 中不可以正常显示的表单效果

Outlook2007表单元素以”[ ]”效果显示,导致用户无法在邮件中完成表单的填写,“用户满意度”的问卷信息也无法收集。随着Outlook2007的普及,所以作为邮件设计者,我们需要考虑到Outlook2007用户能够无障碍的提交表单,达到收集市场信息的目的。

Outlook 2007 中不可以正常显示的表单效果 那么,我们该如何解决Outlook2007不支持表单元素的问题呢?

 

建议在邮件中通过插入链接的方式完成表单提交。

如:在邮件中添加“填写问卷调查”的按钮(或图片/ 文字)链接,引导用户在网页浏览器中完成表单填写,请参考我们网站的RADVISION案例—在邮件中插入会议注册链接,利用Unimail系统的问卷调查的功能回收参会者信息。
http://www.unimarketing.cn/case/case_radvision.html

希望上面的经验技巧对大家有所帮助,我们将持续为大家介绍“Outlook2007不支持的其他元素及解决技巧”,欢迎您持续关注《各ISPs及邮件客户端的Html邮件解析规则系列教程》的博客更新!

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

© Copyright 2022, All Rights Reserved. | 公司网站 | 灵动邮件营销博客 | 隐私声明 | 系统登录