美文网首页
HTML邮件模板踩坑记录

HTML邮件模板踩坑记录

作者: Wiihame | 来源:发表于2019-01-21 01:00 被阅读0次

html邮件不同于一般的页面,由于不同的邮箱客户端厂商对于w3c标准实现的不同,加之没有统一的标准,编写html邮件有很多坑,在此记录

放弃div布局

  • windows的outlook就不支持div标签。书写html邮件需要使用table进行布局,width可以调整td标签的宽度,推荐使用百分比
  • margin在windows不被支持,间距需要用padding
  • &nbsp可以用来做空格占位
  • 尽量绝对像素长度,保证样式在不同平台和客户端的差异最小化

多平台测试

win和mac的实现又不小差异,测试邮件的时候要覆盖这两个主流平台

内联样式

样式避免包在style标签内,更不要写单独的css文件,统一使用内联样式

参考链接

大漠-html邮件指南

相关文章

  • HTML邮件模板踩坑记录

    html邮件不同于一般的页面,由于不同的邮箱客户端厂商对于w3c标准实现的不同,加之没有统一的标准,编写html邮...

  • 邮件Html踩坑

    2020.03.10 从昨天中午开始开发邮件模板,到今天下午两点,终于搞定了主流邮箱的样式兼容问题。中间花了13小...

  • 在线富文本编辑器使用笔记 --- 2018/01/31

    为了做在线邮件编辑模板这几天折腾了好久,也踩了点坑 vue-quill-editor 这是Github上一个基于q...

  • SpringBoot 发送邮件

    # 依赖 # 配置 # 发送简单文本邮件 # 发送html邮件 # 使用邮件模板发送邮件 添加依赖 配置 新建ht...

  • 2020-10-19随笔 踩坑0传值

    踩坑:当值传入0时,if条件判断时候会自己转换,记录踩坑。

  • Weex入门踩坑记录

    Weex入门踩坑记录

  • 05-Django模板

    一、模板概述 模板组成HTML代码动态插入的代码(挖坑、填坑逻辑控制代码) 作用快速生成HTML页面 优点模板的设...

  • 05-Django模板

    一、模板概述 模板组成HTML代码动态插入的代码(挖坑、填坑逻辑控制代码) 作用快速生成HTML页面 优点模板的设...

  • 邮件模板

    邮件模板文件: emailtemp.php改 emailtemp() 方法 返回html语言即可.

  • AndroidStudio Fox 编写自定义模板

    写在前面 此文仅为记录AndroidStudio fox 编写自定义模板,网上关于此类文章少之又少,踩了不少坑,遂...

网友评论

      本文标题:HTML邮件模板踩坑记录

      本文链接:https://www.haomeiwen.com/subject/grkqjqtx.html