EDM营销(Email Direct Marketing)也叫:Email营销、电子邮件营销。是指企业向目标客户发送EDM邮件,建立同目标顾客的沟通渠道,向其直接传达相关信息,用来促进销售的一种营销手段。也可用于发送邮件广告、产品信息、销售信息、市场调查、市场推广活动信息等。

1. 清除表格默认样式

如果你对<table>相关属性不太了解,建议先了解一下它常用的一些属性

table标签用来定义一个表格,无论是在邮件中还是在不同浏览器中,table标签都带有默认的间距以及一些不能被Style覆盖的属性,在页面清除相对简单一行CSS就搞定,但在邮件中我们只能写行内样式,所以需要给<table>加上以下属性和样式。

<table cellpadding="0" cellspacing="0" border="0" style="border-spacing:0; border-collapse:collapse;table-layout:fixed;">
<tr>
<td style="padding: 0;">
<!-- 嵌套表格也需要清除样式 -->
<table cellpadding="0" cellspacing="0" border="0" style="border-spacing:0; border-collapse:collapse;table-layout:fixed;"></table>
</td>
</tr>
</table>

这里有一个需要注意的地方,如果要在<table>上使用padding需要将border-collapse: collapse去除,否则不能使用padding

属性 功能
cellpadding="0" 单元格边距为0
cellspacing="0" 单元格间距为0
border="0" 边框大小为0
border-spacing: 0 边框间距为0
border-collapse: collapse 用于表格属性,表示表格的两边框合并为一条
table-layout: fixed; 固定表格布局,允许浏览器更快地对表格进行布局

2. 格式

  1. 邮件的宽度一般在600px800px不等,具体宽度由设计师制定,正常不超过800px

  2. HTML编码使用utf-8

  3. 布局应严格使用table表格布局,常用的div + css在邮件中显示会发生异常,也会加大邮件被墙的几率。

  4. 邮件中不能使用JavaScript代码,无效且会加大被墙几率。

  5. 严格来说邮件不支持使用外链样式以及内联样式,仅能使用行内样式,像这样:

    <td style="font-family: serif;font-size: 16px;color: #ccc;">Text</td>

    关于样式继承,不同邮箱平台解析标准不同,部分继承样式可能会失效,所以应当减少使用样式继承,虽然这会增加更多的样式代码。

    不过目前大部分邮箱也已经支持使用内联样式,意味着可以在<style></style>标签中编写CSS,支持Class、媒体查询、hover效果等。

    正常情况下邮件会忽略body以外的所有内容,所以使用内联样式前请务必确认邮件发送工具支持编写内联样式,邮箱也支持,否则邮件中的样式会丢失。

    具体的样式支持可以在The Ultimate Guide to CSS看到。

    <style>
    .normal-text{
    font-family: serif;
    font-size: 16px;
    color: #ccc;
    }
    .hover-bule:hover{
    color: bule;
    }
    </style> <td class="normal-text">
    Text
    <p class="hover-bule">hover change font color</p>
    </td>
  6. 能使用属性就不用样式,例如<table>标签的widthbgcoloralignimg标签的widthheight。字体加粗可以使用<b>标签而不是cssfont-weight

  7. 内边距和外边距尽量不适用paddingmargin,正确的做法是使用空标签来设定间距,否者会导致各个邮箱平台解析不同,造成差异。注意:使用padding请先去掉<table>上的border-collapse:collapse样式,或者将值改为border-collapse: unset

  8. 表格居中可使用align="center"属性,加在<table>标签上。合并单元格(td)可使用colspan="3"属性,不过还是有些邮箱不支持此属性,最好的解决方法还是table嵌套。

  9. 一般项目中我们会避免深层嵌套,但邮件中使用表格布局免不了深层嵌套,所以有些嵌套十多层标签也不足为奇。但需要注意避免搞混。

3. 注意事项

  1. 邮件发送前先发几封测试邮件给自己,手机端也需要检查,如果有2封及以上邮件内容大致相同,相同的部分会被隐藏,也会大概率被标记为垃圾邮件。
  2. 主题和邮件都尽量避免发票、促销、免费、低价、信用卡付款、立刻订购等关键字,奇怪符号、过多的红黄色、超大字体也最好不要用,如果需要,请把敏感词做成图片,在图片中显示。
  3. 直接发一张图片或切几张图发送的情况,很大机会被屏蔽,请注意图文比例,图片大小最好不要超过500kb。
  4. 给重要图片加上alt标签:如果您的邮件主体内容是图片,那么给图片加上alt标签显得格外重要,这样当图片被默认屏蔽时,用户看到的不只是被屏蔽图片的边框,还有您在alt标签中加上的图片说明,这让用户依然能够明白这个邮件的大体内容。

几篇有用的文章

EDM制作要点避免自己的邮件被墙,[HTML Email 编写指南](

最新文章

  1. C#委托的介绍(delegate、Action、Func、predicate) --转载
  2. benchmark
  3. JSON 之 SuperObject(10): Merge、Clone、ForcePath
  4. hdu 5630 Rikka with Chess
  5. Linux crontab任务调度
  6. PKUWC 2018游记
  7. 在AndroidManifest.xml文件中设置Android程序的启动界面方法
  8. linux内核自旋锁API
  9. selenium采用find_element_by方法识别页面元素
  10. Python语言的PyCharm开发工具的简单使用
  11. 18.17 U-Boot+内核移植
  12. 【代码笔记】Web-JavaScript-javascript while循环
  13. 6、Python变量
  14. (转,学习记录)MD5加密算法中的加盐值(SALT)
  15. 【BZOJ】【1941】【SDOI2010】Hide and Seek
  16. SpringMVC初写(一)SpringMVC的配置方式
  17. 两天学会css基础(二)
  18. Alpha发布——Thunder团队
  19. Grid++Report 注册
  20. 10、选择框:ion-select

热门文章

  1. Rocket - diplomacy - ValName
  2. JavaSE (五)面向对象 -- 概述
  3. Java实现 LeetCode 275 H指数 II
  4. Java实现 LeetCode 48 旋转图像
  5. Java实现字母去重
  6. 什么?你还不会获取地址栏(url)的值
  7. multimap遍历与查找
  8. MATLAB实例:聚类网络连接图
  9. 环境篇:呕心沥血@CDH线上调优
  10. 关于thinkphp5下URL附加参数,无法获取到(?参数)