商业电子邮件制作规范和建议 - 好好活=有意义有意义=好好活

商业电子邮件制作规范和建议<三>

Posted in 有意义的学习 at 7月 17th, 2009 /

本篇文章综合了网上的搜集资料以及自己的经验，从技术角度出发，对不同邮件接收客户端进行系统分析。

1.桌面邮件客户端软件

这里我首先排除了Notes邮件客户端，这个属于IBM的，高端了不能再高端的邮件客户端，视乎只适合发送Plain Text邮件，其安全性绝对是最强的，当然，这是在牺牲了所有兼容性后的，在Coca-cola等N百强企业中我们能常见。

AOL的桌面软件也被我排除了，在亚洲地区和欧洲地区，几乎没人用，而美洲的用户也不多，所以这次讨论我也把Aol桌面邮件客户端排除了在外。

接下来的范围就包含了如下软件：
Outlook 2003/97(Windows平台-Office 2003/97) 【国内最常用】
Outlook 2007(Windows平台-Office 2007)
Windows Mail(Windows平台-自带)
Mac Mail(Mac平台-自带)
Entourage 2004(Mac平台-Office 2004)
Entourage 2008(Mac平台-Office 2008)
Thunder Bird 2(Windows/Mac/Linux平台-Mozilla)【兼容性最强,Linux平台必备】

Style Element
<style> in <head>	√	√	√	√	√	√	√
<style> in <body>	√	√	√	√	√	√	√
Link Element
<style> in <head>	√	√	√	√	√	√	√
<style> in <body>	√	√	√	√	√	√	√
CSS Selectors
e	√	√	√	√	√	√	√
*	√	×	√	√	√	√	√
e.className	√	√	√	√	√	√	√
e#id	√	√	√	√	√	√	√
e:link	√	√	√	√	√	√	√
e:active, e:hover	√	×	√	√	√	√	√
e:first-line	√	×	√	√	√	√	√
e:first-letter	√	×	√	√	√	√	√
e > f	×	×	×	√	√	√	√
e:focus	×	×	×	√	√	√	√
e+f	×	√	×	√	×	√	√
e[foo]	×	×	×	√	×	√	√
CSS Properties
background-color	√	√	√	√	√	√	√
background-image	√	×	√	√	√	√	√
background-position	√	×	√	√	√	√	√
background-repeat	√	×	√	√	√	√	√
border	√	√	√	√	√	√	√
border-collapse	√	√	√	√	×	√	√
border-spacing	×	×	×	√	×	√	√
bottom	√	×	√	√	√	√	√
caption-side	×	×	×	×	×	×	√
clear	√	×	√	√	√	√	√
clip	√	×	√	√	√	√	√
color	√	√	√	√	√	√	√
cursor	√	×	√	√	×	√	√
direction	√	×	√	√	×	√	√
display	√	×	√	√	√	√	√
empty-cells	×	×	×	√	×	√	√
float	√	×	√	√	√	√	√
font-family	√	√	√	√	√	√	√
font-size	√	√	√	√	√	√	√
font-style	√	√	√	√	√	√	√
font-variant	√	√	√	√	√	√	√
font-weight	√	√	√	√	√	√	√
height	√	×	√	√	√	√	√
left	√	×	√	√	√	√	√
letter-spacing	√	√	√	√	√	√	√
line-height	√	√	√	√	√	√	√
list-style-image	√	×	√	√	√	√	√
list-style-position	√	×	√	√	√	√	√
list-style-type	√	×	√	√	√	√	√
margin	√	√	√	√	√	√	√
opacity	×	×	×	√	×	√	√
overflow	√	×	√	√	×	√	√
padding	√	√	√	√	√	√	√
position	√	×	√	√	√	√	√
right	√	×	√	√	√	√	√
table-layout	√	√	√	√	√	√	√
text-align	√	√	√	√	√	√	√
text-decoration	√	√	√	√	√	√	√
text-indent	√	√	√	√	√	√	√
text-transform	√	√	√	√	√	√	√
top	√	×	√	√	√	√	√
vertical-align	√	×	√	√	√	√	√
visibility	√	×	√	√	√	√	√
white-space	×	√	×	√	√	√	√
width	√	×	√	√	√	√	√
word-spacing	√	×	√	√	√	√	√
z-index	√	√	√	√	√	√	√

2.Web邮件客户端
Yahoo (经典老牌在线邮件客户端-可能是全球市场占有率最高的免费邮箱了)
Gmail (新兴的在线邮件客户点-笔者最常用的)
Live/Homtial (微软经典的客户端-可惜在国内市场占有率不高，若不是因有MSN做后盾，估计没多少人会用)
AOL (美洲的市场占有率颇高的一个在线邮件系统)
Apple (苹果在线邮件客户端)
163 (国内市场占有率最高的免费邮箱)
Sina (传统的国内免费邮箱)
QQ邮箱 (凭借的强大IM软件，开始逐渐扩大国内市场的占有率)
由于国内的163/Sina/QQ邮箱都采用了Frame技术，几乎支持除Flash,Javascript,ActiveX,DHTML,Java Applet外所有的标签和样式，所以就不列举在下列表格中了。

Style Element
<style> in <head>	√	×	√	√	√
<style> in <body>	√	×	√	√	√
Link Element
<style> in <head>	√	×	√	√	√
<style> in <body>	√	×	√	√	√
CSS Selectors
e	√	×	√	√	√
*	√	×	√	√	√
e.className	√	×	√	√	√
e#id	√	×	×	√	√
e:link	√	×	√	√	×
e:active, e:hover	√	×	√	√	×
e:first-line	√	×	√	√	×
e:first-letter	√	×	√	√	×
e > f	√	×	×	×	×
e:focus	√	×	×	√	×
e+f	×	×	×	×	×
e[foo]	√	×	×	√	×
CSS Properties
background-color	√	√	√	√	√
background-image	√	×	×	√	√
background-position	√	×	×	√	√
background-repeat	√	×	×	√	√
border	√	√	√	√	√
border-collapse	√	√	√	√	√
border-spacing	√	√	×	√	√
bottom	×	×	×	√	√
caption-side	×	√	√	√	√
clear	√	√	√	√	√
clip	×	×	×	√	×
color	√	√	√	√	√
cursor	√	×	√	√	√
direction	√	×	√	√	√
display	√	√	√	√	√
empty-cells	√	√	√	√	√
float	√	√	√	√	√
font-family	√	×	√	√	√
font-size	√	√	√	√	√
font-style	√	√	√	√	√
font-variant	√	√	√	√	√
font-weight	√	√	√	√	√
height	√	√	√	√	√
left	×	×	×	√	√
letter-spacing	√	√	√	√	√
line-height	√	√	√	√	√
list-style-image	√	×	×	√	√
list-style-position	√	√	√	√	√
list-style-type	√	√	√	√	√
margin	√	√	×	√	√
opacity	×	×	×	√	√
overflow	√	√	√	√	√
padding	√	√	√	√	√
position	×	×	×	√	×
right	×	×	×	√	√
table-layout	√	√	√	√	√
text-align	√	√	√	√	√
text-decoration	√	√	√	√	√
text-indent	√	√	√	√	√
text-transform	√	√	√	√	√
top	×	×	×	√	√
vertical-align	√	√	√	√	√
visibility	√	×	√	×	√
white-space	√	√	√	√	×
width	√	√	√	√	√
word-spacing	√	√	√	√	√
z-index	×	×	×	√	√

好好活=有意义有意义=好好活

商业电子邮件制作规范和建议<三>

2 条留言 to “商业电子邮件制作规范和建议<三>”

留言

有意义的声明

最近的日志

按有意义的方式

按有意义的时间

有意义的链接

订阅有意义的内容

按有意义的单词

好好活=有意义 有意义=好好活

商业电子邮件制作规范和建议<三>

2 条留言 to “商业电子邮件制作规范和建议<三>”

留言

有意义的声明

最近的日志

按有意义的方式

按有意义的时间

有意义的链接

订阅有意义的内容

按有意义的单词

好好活=有意义有意义=好好活