制作html邮件的注意要点

PS：第一次制作html的邮件代码时候以及使用的div+css的布局方式其完成后，发现将其的上传的浏览效果很不理想，里面的一些标签的效果失效，js失效，css的浮动定位等都失效，效果造成页面混乱，查了下发现。因为内核机制问题和一般的主流浏览器不一样，很多东西无法正常渲染，大多邮箱都不支持。

因此不推荐使用 div 的原因是很多邮件客户端对 div 布局的支持并不好。

一、css中的部分属性失效。

如图：

如图所示，目前大多邮箱对css的机制兼容性并不好。

补充：

1.邮件里面html解释比较旧，一些都不支持margin padding；

2.background-color属性邮件基本支持，不过需要使用完整的16进制书写，例如#ffffff，不可缩略成#fff，否则部分邮件会失效；

3.所有的img标签需要设置border=0；和display=block；有些邮箱不做设置时候无法渲染出来。

二、不能使用css外联。

经过查询到部分邮件还对css外联引用支持性不好。如图：

三、因为div布局方式解析上有问题，邮件推送页面建议使用table布局。

同时：如果一个属性存在于HTML中，绝对使用标签属性而不使用CSS样式。

写法如下：

举一个例子，我们要给一个table设置宽度为750px，width是标签属性之一，同时也是CSS样式属性之一，那么这时候我们最好用
<td width="750"></td>
而不是
<td style="width: 750px"></td>

补充：

1.就是用table制作，table不加高度，用行内样式，不用内联样式，一行多列的单元格，每个单元格要加宽度，一个单元格放一张图片，图片尽量添加<img style="vertical-align:bottom" border="0"；
2.所以链接要么最好把按钮切出来，或者加热点也可以，链接建议切出来。
3.同时一行多列的情况下，建议使用table的td都加了宽度，如果不加，有时候腾讯聚合里面显示会异常缩放图片。