邮件制作过程中需要注意的事项
在制作普通网页时,我们需要考虑到各个浏览器的兼容性,而在我们邮件制作过程中就需要考虑各种邮寄客户端的兼容性。以下内容是整理出来的一些常见注意事项。
1)选择正确编码
一般来说使用UTF-8是最为保险的,如果使用GB2312很可能在某些客户端上产生乱码。
2)对于邮件的要求
邮件的标题最好控制在35个字符(包含空格)。
不包含图片的邮件大小应控制在10k以内,含图片的大小应控制在30k-120k以内。
邮件的长度最好压缩在一页内。
邮件在PC端显示的话,建议不要超过650px,比如Outlook用户会在预览窗口查看邮件,如果太宽的话,就会出现滚动条,体验非常的不好,如果在邮件端显示的话,建议不要超过380px,不同的移动端,宽度差异还是挺大的,目前比较流行的方式就是自适应。
邮件页面当中的所有链接应使用新窗口打开。
不推荐使用最新的HTML版本或xhtml版本,更别使用HTML5,为了让用户有更好的浏览效果,建议使用HTML 4.0即可。
不要使用Flash、Javascript、Frames、iFrames、ActiveX等,大部分邮件运营商为了安全已经屏蔽了这些元素。
使用Table替代Div,由于不同的邮件客户端对CSS模型解释的不同,容易造成错位或者布局混乱,所以邮件布局时最还还是使用老旧的table布局。
在table布局时不要重复多次colspan,单一table重复多次colspan可能会被邮件客户端判断为结构过于复杂,归类为垃圾邮件;同时也容易被打乱布局而影响用户浏览。
不要使用外部样式表引用,将样式表直接写入模板内部,因为大部分的ISP会屏蔽css样式表加载 。
某些邮件客户端不支持浮动属性,尽量避免使用float浮动标签。
尽量不要使用<h2>、<ul>、<li>、<p>、<ol>等有默认样式的标签。防止解析时页面布局混乱。
尽量不要使用padding和margin标签。
每张图都要指定width宽度、height高度,在图片被拦截的时候,不会因图片大小无法读取而被打乱布局。
每张图都要指定alt属性,这样客户打开邮件在没有点击下载图片的时候先是可以看到文字的表述,知道此封邮件大概的内容,而提升用户对此封邮件的体验,从而提高邮件的点击率,否则的话很可能显示为空白,给用户带来不必要的困扰。
图片链接不要使用<map>标签,部分邮件运营商会屏蔽该标签,而导致图片无法点击。
使用英文字符对图片名称命名,不要使用中文、非法字符来命名图片,否则会导致图片无法显示。
在切割模板的时候要注意限制图片的大小和数量,不要为了效果使图片过大,邮件接收者可能由于打开过于缓慢直接关闭邮件。
纯图片邮件图片与图片之前出现断行。很多公司使用大图片切图这种形式来制作邮件的,经常会出现右侧问题。解决方法是在每张图片后添加 style=”display:block;”即可。
邮件中尽量不要使用GIF图片,像outlook这样的客户端并不支持GIF图。
背景图片在某些邮件客户端中默认不显示,但大部分的邮件客户端都是支持背景颜色的。
3)HTML标签的使用
4)CSS 样式的使用
5)合理的使用图片
建议继续学习:
- 如何写好一封邮件 (阅读:18072)
- 如何建立一套邮件发送系统 (阅读:4670)
- 让邮件飞一会儿 (阅读:4687)
- perl模块之MIME::Lite发送有附件的邮件 (阅读:4447)
- 快递搭建企业级邮件系统iRedMail+Mysql+Postfix+php (阅读:4379)
- 一款不错的php邮件发送程序 (阅读:3782)
- 用Vim(gvim)发邮件(上流哇) (阅读:3553)
- 如何设计注册激活邮件 (阅读:3369)
- IPhone上的邮件推送 (阅读:3231)
- Postmark的邮件代发服务 (阅读:3208)
扫一扫订阅我的微信号:IT技术博客大学习
- 作者:标点符 来源: 标点符
- 标签: EDM 邮件
- 发布时间:2014-12-02 00:06:10
- [54] IOS安全–浅谈关于IOS加固的几种方法
- [52] android 开发入门
- [52] 如何拿下简短的域名
- [51] 图书馆的世界纪录
- [49] Oracle MTS模式下 进程地址与会话信
- [49] Go Reflect 性能
- [47] 【社会化设计】自我(self)部分――欢迎区
- [46] 读书笔记-壹百度:百度十年千倍的29条法则
- [36] 程序员技术练级攻略
- [29] 视觉调整-设计师 vs. 逻辑