在线制作html邮件,HTML邮件设计注意点
head中的style定义无效
一般写网页,喜欢在head中定义css样式,可惜在此处失效。以网易邮箱PC网页版为例,网易邮箱会主动截取之间的代码作为邮件内容,如果在head中定义样式,将不被加载;QQ邮箱PC网页版则会全部加载;outlook2003表现正常,但2007同样不会解析。
布局使用table
DIV除了块级的表现正常,其他则出现了异常,如float/position/width/margin:0 auto 等等。所以先使用table作为最大的父级,需要居中,可以是设定align=”center”。
使用内联样式
CSS中子级会继承父级的样式,但outlook中表现奇怪,因此保险起见,为最小的子级定义内联样式。如
警告。
line-height无法实现垂直居中
设计的过程中,我参考了京东商城发送的电子邮件,表头使用的height+line-height来实现垂直居中,但outlook7中表现为底部对齐,可能原因是outlook2007的解析原理不一致①,我们可以使用padding来撑高。在文字段落中line-height仍然是正常的。
各版本解析方式不一致
参考文章①和②已列出来,简单而言就是outlook2007使用的是word引擎(HTML e-mails are now displayed by a word engine),想区别的,2003版本则是使用的是浏览器引擎,2012为深究。其他的PC网页版则肯定使用的浏览器引擎,微信也是使用的浏览器解析引擎。
outlook转发会丢失样式
HTML邮件在outlook中表现正常,但转发时会调用word编辑器,则会破坏了原来的样式,最明显的表现就是会在每个table结束时加个换行。目前还没找到具体的解决办法,如果有网易邮箱的“原件转发”功能,是否能解决呢?
尽可能不要使用图片
由于outlook的安全设置,默认都是不显示图片的。如果使用到了,需指定宽度和高度,避免图片不显示是预留位置撑破页面。
统计邮件到达及阅读情况
1. 阅后回复,这个需要阅读者点击确认回复;
2. 在邮件底部隐藏一个图片,图片地址则是包含统计参数的URL,如京东的:
当然上一条已经决定了该方法存在失效的可能。
3. 对邮件内的所有链接加入跳转,只要访问,就能通过跳转来记录,例如sendcloud的做法。缺点是,如果不访问就无法记录;特别需要注意部分邮件服务器(如QQ邮箱)会主动扫描链接(防毒),导致误标记;
4. 尝试撤销邮件,如果已经阅读,会提示撤销失败;缺点是发件人和收件人必须是同一邮件服务器;
将发件人加入通讯录
由于邮件标题一样,如果大量发送邮件,经常会被列入垃圾邮件,避免这种情况,可以考虑动态生成标题,并要求收件人将发件人加入通讯录。这里不得不吐槽godaddy,正常通知邮件和广告邮件的发件箱相同,导致正常的通知邮件也被列入广告邮件中。
将附件中图片插入的邮件内容中
请阅读参考文章③
在线制作html邮件,HTML邮件设计注意点相关推荐
- php流光字,各种漂亮的流光字在线制作方法
(分享)各种漂亮的流光字在线制作方法 1.在线流光控朦胧闪字制作http://jiqie.com/g/18.htm 哇塞!朦胧字,还是超级可爱的朦胧字图片? 2.在线流光控隐形字图片制作http:// ...
- 推荐一款EDM在线制作HTML制作工具,从此制作营销邮件不用愁。
相信很多做营销的小伙伴,都会试过邮件营销,但由于营销邮件制作不方便,兼容性要求高,往往会放弃.这里我推荐大家一款在线制作EDM营销邮件工具拉易网,功能强大,制作也非常简单.有需要的同学可以去看看.
- 学会制作html营销邮件,如何制作图文并茂的HTML邮件,做好EDM营销
比如上面截取了一些HTML的邮箱格式,这种HTML的EDM营销感觉非常的酷,比纯文本的邮件更有丰富多彩,也更能传达出更多的内容跟素材,也更吸引抓住用户的眼球.图片下面直接可以设置链接,也方便用户直接点 ...
- 怎么免费制作logo?logo免费设计在线生成,从此设计不求人
你有没有因为Logo制作而烦恼过?对于很多人来说,logo制作是一项比较大的工程,需要专门的设计师才能完成.但是请人设计费用高还很费时间,还需多次沟通修改.其实,我们可以自己免费制作logo,下面,给 ...
- 计算机logo在线设计,手机上在线制作免费logo图标的APP—Logo Foundry
一个不输电脑上设计精美logo的手机APP,也是业界众多科技媒体报道的手机上在线制作免费logo图标的APP-Logo Foundry.如果你正需要一款可以在手机上轻松制作免费logo图表的软件,那么 ...
- 科技公司LOGO在线制作设计
最近和朋友们探讨太多关于茶叶公司LOGO设计,我们也要顺应时代的发展,多多交流互联网.科技相关的东西,今天logofree君跟大家分享尘埃科技公司LOGO在线制作设计. 项目背景 尘埃科技致力于让更多 ...
- java邮件登录系统设计_基于Java web的邮件管理系统的设计与实现(含源文件).doc
毕业设计诚信声明书 毕 业 设 计 中文题目 基于Java web的邮件管理系统的设计与实现 英文题目 Based on Java web email management system design ...
- HTML5期末大作业:漫网页网站设计——爱影评在线电影(10页面)) 学生动漫网页设计模板下载 大学生HTML网页制作作品 简单漫画网页设计成品 dreamweaver学生网站模板
HTML5期末大作业:漫网页网站设计--爱影评在线电影(10页面)) 学生动漫网页设计模板下载 大学生HTML网页制作作品 简单漫画网页设计成品 dreamweaver学生网站模板 常见网页设计作业题 ...
- 邮件信封背景设计模板素材推荐 精品 小众
最近看到很多朋友吐槽邮件信封背景设计模板素材不好找,有时花了大把时间却没找到合适的,而且有的时候会涉及到各种问题等,不仅工作效率降低,还闹心郁闷,所以今天就给大家分享一下小编自己在亲身体验和搜寻网站中 ...
- 在线制作闪字+图片制作
在线制作闪字+图片制作 网址 <script type="text/javascript"></script> <script src="h ...
最新文章
- SpringBoot上传文件大小限制
- VS2012/13本地发布网站详细步骤(可带数据库)
- RelativeLayout不能居中的解决的方法
- python内置函数有哪些_Python集合有哪些内置函数可以使用,这些内置函数有什么功能...
- 单片机串口输入c语言,单片机通过串口与电脑连接通信C语言源代码
- 科大星云诗社动态20210811
- EF 学习 实用脚本
- Spring Boot项目优雅的全局异常处理方式(全网最新)
- 华硕无双新品首爆:H45标压处理器+全球首款2.8K 120Hz OLED屏
- 截至2020年底Cosmos生态基金会ICF总资金达2.12亿美元 加密资产占82%
- 一个月工资6500,一年存了五万左右,算节省吗?
- nginx限速方法以及报错处理
- 中国移动苏州研发中心前端笔试(2)
- 国外常见16款著名的实时网站统计系统
- 近几年CVPR图像压缩总结
- 新站如何快速做SEO优化,获收录和排名
- 一位女程序员的奋斗路程
- 量子力学的诡异现象—朱清时教授
- ElasticSearch 高级
- 前端秋招面试(7)- 微众银行