邮件中插入HTML代码

本文最后更新于:2024年9月3日 早上

在邮件中嵌入 HTML 是常见的需求,但是由于各大邮箱客户端对 HTML 支持的不同、并且有限,所以在写这类需求的时候,需要注意一下几点:

  1. 邮件使用 table+css 布局
  2. 邮件主要部分在 body 内部,所以样式一定要写成内嵌的,不能在 head 标签中写 style,也不能外联。
  3. 不能用浮动的方式定位。position:absolute;float:left;等都不行,float 在 qq 邮箱客户端中可以识别,但是在 outlook 中无法识别。
  4. 表格的 border,使用 table 上的 border 属性,可以在 qq 浏览器中兼容,但是在 outlook 中打开是没有边框的,这种情况,只能给每一个 td 加一个 border,在 table 中使用 border-collapse:collapse;来合并重复的边框。
  5. 为了保证兼容性,需要把邮件的宽度设置为 600px,最大 600px;
  6. 少用 img,因为很多邮箱客户端默认不显示图片,所以,如果需要图片的话,一定要写好 alt 和 title;
  7. 背景图片,尽量用 background-color 使用纯色背景,如果一定要用背景图片,使用 background 属性,
  8. 邮件不支持 javascript,flash 以及一些特殊的标签

参考:邮件中嵌入 html 中要注意的样式 - Jess_喵 - 博客园


邮件中插入HTML代码
https://lero.fun/2022/07/31/邮件中插入HTML代码/
作者
Leroli
发布于
2022年7月31日
许可协议