HTML 邮件制作规范

1、需要在顶部加入meta标签 

meta是html中的元标签，其中包含了对应html的相关信息，客户端浏览器或服务器端的程序会根据这些信息进行处理。

元信息分别是：

• http类型：这个网页是表现内容用的
• content（内容类型）：这个网页的格式是文本的
• charset（编码）：这个网页的编码是utf-8，需要注意的是这个是网页内容的编码，而不是文件本身的。

2、用table+css方式构建模板

• Div+css布局不完全被邮件客户端支持，所以无法使用div+css布局。

3、严禁使用背景图片

• 在outlook2007中，背景图片将无法显示，其他邮件客户端可正确显示背景图片。
• Gmail也不支持css里面的背景图

4、不使用word转换的html文件作为模板

5、不要用外部链接的css文件

• 这样是抓取不到css的，要写在html里面，所有CSS都用style属性

6、一个td里面不要放多个图片，请放在不同td里面

7、在outlook里面很多css属性不支持（比如：margin，overflow，text-overflow等）

• 这是查看各种邮箱属性支持情况的网站  https://www.campaignmonitor.com/css/

8、邮件里文字的居中就用text-align，dom的居中就用align=center，因为在邮箱中margin:0 auto都不起作用

9、Foxmail不支持https的图片路径

• 少用图片，邮箱不会过滤你的img标签，但是系统往往会默认不载入陌生来信的图片。
• 所有图片必须存在宽高和alt标签，且alt内容不宜过多不能出现特殊字符。
• 重要内容尽量避免使用图片，比如标题、链接等；

10、所有图片要设置border=0

11、

的行间距在不同的邮箱显示会不一样会增大，可用代替

12、尽量不要使用float，position这些style，因为会被过滤。

13、margin属性也最好不用，可以用 代替或者用td设置高度来撑开两个盒子直接的边距

14、链接的打开方式统一为：_blank

15、HTML代码和图片尽量不要超过50kb

16、style写在td标签上，不要写在tr标签上

17、尽量每个块都要加上宽度，不写宽度，会有莫名奇妙的bug;