Outlook友好的HTML代码是否与传统网页的代码不同？

Question

我的网络应用程序必须通过电子邮件提供数据库生成的内容.HTML不需要包含javascript,但_does必须包含图像和CSS.

可以肯定的是,大多数用户将在Outlook中查看此内容.对于发往电子邮件与IE的html,一般指南是否有所不同？

Answer 1

Outlook对HTML邮件没有很好的声誉 - 例如,微软要忽略Outlook 2010中的Web标准 - 足够了.

但它并不是唯一有问题的电子邮件客户端,实际上:生成HTML电子邮件通常意味着做一些不同于网页的事情......

嗯......与网页的内容完全相反,不是吗？

并提出一条建议:始终在尽可能多的客户端(基于桌面的,如outlook,thunderbird,...和基于Web的,如yahoo,hotmail,gmail,...)中测试您的电子邮件!

Answer 2

绝对.在HTML电子邮件中使用CSS布局技术几乎是不可能的.所以...代码就像是1998年.

使用表格.这很痛苦,但这是让HTML电子邮件正确且一致地显示的唯一可靠方法.确保在每个表上设置cellpadding,cellspacing和border.如果必须,请将它们嵌套.colspan和rowspan是你的朋友.在空单元格中使用shim .gifs.如果对于常规网页来说这是一种不好的做法,那么您应该在电子邮件中使用它们.
不要设计宽度超过600像素的任何东西.
由于webmail服务的CSS可以被电子邮件中的CSS覆盖,因此它们往往会禁用它.内联CSS很聪明.字体标签更智能.
忘掉文档类型,<html>,<body>,或<head>.
不要依赖背景图像 - 如果必须使用它们,请备份背景颜色.
避免使用垃圾邮件.不要谈论伟哥,色情或仿冒手表 - 它可能会被垃圾邮件过滤掉.
使用"Multipart/Alternative"MIMEtype发送纯文本替代方法.
调试是一个熊.我们在我的营业场所使用的测试列表:Outlook 2003,Outlook 2007,Outlook Express(来自XP),Thunderbird Mac和Windows,Eudora,Mail.app,Entourage,Gmail,Yahoo!邮件,AOL,AOL Webmail和Hotmail.Webmail客户端在IE6和最新的Firefox版本中都经过了测试.可能值得编写一个脚本来自动发送电子邮件到所有服务的测试地址进行测试.