HTML邮件编码禁忌

今天做了两个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,来源未知,未完全验证。(这么看好不方便,博客该改成宽版了。。)

参考

一篇不错的文章:http://www.docin.com/p-32193901.html

10 个评论:

  1. Posted 2010年11月10日 at 5:13 下午 | Permalink

    放张图上去全部搞定

  2. Posted 2010年11月12日 at 1:07 上午 | Permalink

    楼上疯了

    看来做邮件的讲究还不少。

  3. cat3
    Posted 2010年11月12日 at 12:32 下午 | Permalink

    最保险的就是把样式写在HTML标签上,不然你定义的class与邮箱的冲突或被屏蔽,就杯具了….
    邮件的兼容性很恶心的,哈哈。

  4. Posted 2010年12月18日 at 1:46 上午 | Permalink

    “一般使用UTF-8编码” 这条不理解
    不管邮箱页面是用什么编码都用utf-8?

  5. Posted 2011年01月4日 at 2:30 下午 | Permalink

    会有什么后果啊

  6. Posted 2011年01月6日 at 8:13 下午 | Permalink

    不用utf-8会出现编码不正确的问题,汉字会变成乱码。

  7. 您好
    Posted 2011年02月23日 at 2:35 下午 | Permalink

    头像之家 http://www.touxianghome.com/ 期待能和您做个友情连接 求回复我qq381510016

  8. cc
    Posted 2011年05月10日 at 3:24 下午 | Permalink

    记得facebook的邮件就很好,即使被禁用了图片,还是非常漂亮。纯table流

  9. Posted 2011年10月28日 at 10:17 上午 | Permalink

    这个没有怎么研究过

  10. 龙子
    Posted 2012年02月14日 at 4:34 下午 | Permalink

    其实,目前主要是一些客户端限制的太严。web端还比较松一些。

发表评论

*
*

文明评论,共同进步