今天做了两个HTML邮件模板,记录一下所得:
禁忌
1. 结构尽量简单,最好使用table布局
可以保证在CSS样式失效、或者html被禁用的情况下最大程度的还原布局和样式。
2. 不要使用<head>标签
一般会被过滤掉。
3. 不要使用JavaScript和Flash
正常情况下这个是绝对被过滤的。。
4. 使用内联CSS样式,不要引入外部CSS文件,不要使用<style>标签
Gmail等不支持style标签。
5. CSS禁忌:不要使用绝对定位,不要使用背景图片,不要使用半透明,不要使用IE滤镜和CSS表达式,不要使用CSS3属性……
6. 图片要添加alt属性,保证在禁用图片的情况下传递有效信息
7. 图片添加宽高属性
8. 不要试图使用iframe引入外部页面
9. 尽量精简代码,减少图片数量和体积
10. 一般使用UTF-8编码
邮件客户端/服务商对CSS支持情况
转自baidu,来源未知,未完全验证。(这么看好不方便,博客该改成宽版了。。)






10 个评论:
放张图上去全部搞定
楼上疯了
看来做邮件的讲究还不少。
最保险的就是把样式写在HTML标签上,不然你定义的class与邮箱的冲突或被屏蔽,就杯具了….
邮件的兼容性很恶心的,哈哈。
“一般使用UTF-8编码” 这条不理解
不管邮箱页面是用什么编码都用utf-8?
会有什么后果啊
不用utf-8会出现编码不正确的问题,汉字会变成乱码。
头像之家 http://www.touxianghome.com/ 期待能和您做个友情连接 求回复我qq381510016
记得facebook的邮件就很好,即使被禁用了图片,还是非常漂亮。纯table流
这个没有怎么研究过
其实,目前主要是一些客户端限制的太严。web端还比较松一些。