这里有一个调查,是关于各个邮件客户端系统对css的支持,可以先不考虑用户的邮件客户端系统,因为它们是不能完全确定的。最后,为了确定是用css还是表格来布局,你需要先作个假设。
如果你发送的是B2B邮件,假设你的大用户使用的是Outlook(约75%)或Lotus Notes(9%)是比较可靠的,Outlook对css有着良好的支持,但Lotus Notes却不如人意,这是必须考虑的。
如果你发送的是B2C邮件,Yahoo、Hotmail、163等是主要的对象,此外Gmail也可以考虑一下(虽然gmail并不像我们想象的那么流行,一直只保持着5%左右的web邮件客户端系统市场份额)。
为了看起来简单明了,下面是一个简单的总结:
邮件客户端系统 你可以使用的技术
Yahoo! Mail CSS
Hotmail CSS*
Gmail Tables and inline CSS
Outlook and Outlook Express CSS
Lotus Notes Tables and inline CSS
AOL 9 CSS
Thunderbird CSS
Mac Mail CSS
Entourage CSS
Eudora for the Mac Tables and well, no CSS
* Hotmail有一个很烦人的问题,只有把你的样式<style>部分包含到<body>标签内,才能正常解析,<head>部分的<style>完全忽略。
再次重申一下:不要看不起这样的做法,如果你被迫使用表格布局css来进行格式化。因为邮件客户端系统对css的支持存在天壤之别,如果想让你的邮件在每个人的邮箱里看起来是一样的,你别无选择。
以下五点是要避免的,不管你是否使用css来布局,这些都是大忌:
1.把css部分用<style>放到页面中,不要把css独立成一个外部文件,如果邮件中的图片不能显示,别的文件也是一样的。
2.避免用css来定位。大部分的邮件客户端都不支持这个属性。
3.不要使用Flash和JavaScript。大部分的邮件客户端都不支持Flash,JavaScript会被阻挡或者带来安全警告。
4.保证HTML和CSS代码的格式正确工整。凌乱代码的邮件可能会被当作垃圾邮件。
5.如果你想针对gmail用户,确保你的css放在html标签内部,因为<style>标签部分将会被过滤掉。
当然测试也是必不可少的。一个新站只有经过几种不同浏览器的测试改进才会发布,这同样适用于页面电子邮件。如果你要发送大量的页面电子邮件,以下几种环境是必须测试的:
* 网站邮件 - Hotmail, Yahoo 和 Gmail 163等
* 客户端程序 - Outlook,Thunderbird 和 Lotus Notes
* - Mac Mail, Entourage 和 Eudora
以上测试都是免费的,同时,也可以发给你的朋友,让他们进行测试。当你做了一个好的电子邮件页面以后,你可以用作模板重复利用,给以后的工作带来很大的便利。
基本的要素
处理好布局和代码问题以后,你的页面还有许多方面需要注意,他们能够让你避免许多的问题。
必须有
1.取消订阅选项。
2.公司名称和地址。
应该有
1.一个外部连接,连到邮件页面的网页版本,让在邮件系统中不能正常浏览的用户可以在浏览器中浏览。
2.一个你得到用户邮件地址的简要说明(通过网站订阅,购买产品,注册等)。
3.用户的邮件地址,这样他们明确地知道邮件是专门发给他们的。
4.一个让用户把你的地址加入地址本的请求,以保证邮件中的图片正常显示。
5.全文本版本的邮件。有些用户可能将他们的邮件程序设置为只显示文本, 所以尽可能在邮件中包含html和纯文字两个版本。
原文链接:http://www.mini88s.cn/news_list.asp?id=855