响应式 HTML 邮件制作之三个实例

制作HTML 邮件并不是想象中的那么简单,不仅仅要考虑到兼容各大的邮箱的问题,加之安全因素(比如图片可能是默认不打开的,javascript 没有戏了),现在又随着移动互联网时代,还要考虑到不同设备的适应——一句话,还是挺麻烦的。

在这里给出三个响应式 HTML 邮件制作的实例,因为懒得翻译了,就直接看吧:

html-email-template

项目地址:https://github.com/leemunroe/html-email-template

这是一个简单的响应式的html邮件模板,个人感觉非常不错。预览地址在这里。如果你要遵从最大的兼容性,建议直接使用这个。

Simple Responsive HTML Email

如果你的邮件内容相对比较复杂,比如说想要加点图片神马的,那么下面这个就可能对你有帮助了,

参考文章:

http://dev.tutsplus.com/articles/creating-a-simple-responsive-html-email--webdesign-12978

A HTML Email Template From Scratch

Scratch 是什么东东我也不是很懂,大家直接见参考文章好了:

http://dev.tutsplus.com/articles/build-an-html-email-template-from-scratch--webdesign-12770

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏jessetalks

初识WEB:输入URL之后的故事

概述   为什么输入www.cnblogs.com之后敲一个回车,浏览器就会显示我们所看到的内容?这家伙在背后到底偷偷的干了哪些事情?今天我们就来挖掘一下这背...

36670
来自专栏小程序之家

如何入门小程序开发

在上一篇教程中,我们教大家使用微信官方Demo快速搭建了一个小相册,并学会了如何安装开发者工具,如何创建小程序,如何做服务端配置。并利用腾讯云COS实现相册上传...

9.5K80
来自专栏phodal

我的职业是前端工程师【五】: 前端工程师必会的六个调试技能

我还是一个野生程序员的时候,不会 Debug,只会傻傻地写一句句 std::count。即使是在今天,有些时候我也会这样做:打一个 console.log,然后...

235100
来自专栏魏艾斯博客www.vpsss.net

国外免费 Linux 面板-VestaCP 安装及建站教程

1K20
来自专栏腾讯AlloyTeam的专栏

Node 直出理论与实践总结

直出是什么?到底是怎样的性能优化?本文将结合从在浏览器输入url,到展示最终页面的过程来对其进行一步步分析,并将在手Q web 中的实际应用实践进行总结。

84400
来自专栏蔡述雄的专栏

包学会之浅入浅出Vue.js:开学篇

Vue 是国人写的,技术文档也妥妥的是中文,想到这我就有学习的动力。

51K690
来自专栏思考的代码世界

Python网络数据采集之采集JavaScript|第09天

客户端脚本语言是运行在浏览器而非服务器上的语言。客户端语言成功的前提是浏览器拥有正确地解释和执行这类语言的能力。

44860
来自专栏Python爬虫与算法进阶

如何在电脑上多开微信?(windows)

新媒体管家 在电脑上多开微信,在工作中很常见,今天来介绍一种简单的方法。(windows下) 这个问题在百度和知乎上都有许多回答,很多都是:长按Enter 电脑...

45380
来自专栏IT技术精选文摘

有货移动Web端性能优化探索实践

在移动互联网的时代里,对于一个web站点来说,移动端的用户体验尤为重要。现代web站点的设计和开发都是以移动优先作为第一原则,我们也专门为了移动端的web站点做...

383100
来自专栏微信小程序开发

微信小程序中的form表单数据如何获取

知晓程序员,专注微信小程序开发的程序员! 前言:微信小程序中,form表单提交是比较常见的,今天来说一下form表单提交时,该如何获取表单项的数据。 知识点:...

87760

扫码关注云+社区

领取腾讯云代金券