1、需要在顶部加入meta标签 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
meta是html中的元标签,其中包含了对应html的相关信息,客户端浏览器或服务器端的程序会根据这些信息进行处理。
元信息分别是:
- http类型:这个网页是表现内容用的
- content(内容类型):这个网页的格式是文本的
- charset(编码):这个网页的编码是utf-8,需要注意的是这个是网页内容的编码,而不是文件本身的。
2、用table+css方式构建模板
- Div+css布局不完全被邮件客户端支持,所以无法使用div+css布局。
3、严禁使用背景图片
- 在outlook2007中,背景图片将无法显示,其他邮件客户端可正确显示背景图片。
- Gmail也不支持css里面的背景图
4、不使用word转换的html文件作为模板
5、不要用外部链接的css文件
- <link rel="stylesheet" rev="stylesheet" type="text/css" href="/css/new/common.css" media="all" />
- 这样是抓取不到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的图片路径
扫描二维码关注公众号,回复:
2047317 查看本文章
- 少用图片,邮箱不会过滤你的img标签,但是系统往往会默认不载入陌生来信的图片。
- 所有图片必须存在宽高和alt标签,且alt内容不宜过多不能出现特殊字符。
- 重要内容尽量避免使用图片,比如标题、链接等;
10、所有图片要设置border=0
11、<p>的行间距在不同的邮箱显示会不一样会增大,可用<span>代替
12、尽量不要使用float,position这些style,因为会被过滤。
13、margin属性也最好不用,可以用 代替或者用td设置高度来撑开两个盒子直接的边距
14、链接的打开方式统一为:_blank
15、HTML代码和图片尽量不要超过50kb
16、style写在td标签上,不要写在tr标签上
17、尽量每个块都要加上宽度,不写宽度,会有莫名奇妙的bug;