邮件模板最主要是保证兼容性,很多邮箱的过滤规则不同,因此邮件页面要使用最简单原始的代码实现内容展现。
一,采用table嵌套布局,避免用div布局,因为DIV布局会用到float等浮动样式,一些邮箱会过滤浮动样式。
二,不使用CSS定义背景图片,可以使用td标签的背景<td background="*">,最好图片采用直接插入的方式,并且加上alt属性,一些邮箱会屏蔽背景图片。
三,不使用图像map热点链接,可以给整幅大图片加链接,并加上border="0"属性,一些邮箱会屏蔽map热点链接。
四,充分利用表格的私有属性来布局。width, height, bgcolor, background, align, valign等,减少CSS的使用。
五,HTML Tag中直接定义样式 <body style="margin:0; padding:0">,<td style="font-size:12px;"> 等,不能使用头部的<style type="text/css">...</style>方式,一些邮箱会过滤<head>标签内容。
六,字体大小定义在每一个<td>里:<td style="font-size:12px;">,不要在tr内定义样式。定义字体颜色用<font color="#333333">标签。
七,邮件内避免使用gif动画,flash动画,js特效,浮动样式。
八,尽量不要使 用<h2>、<ul>、<li>、<ol>、<p>、<dl>、<dd>、<p>等有默认样式的标签,每个邮箱对默认样式的解释不同,避免造成布局错乱。
九,邮件内的图片均采用绝对地址http://...
十,邮件的标准宽度为575像素,最宽不宜超过778像素,否则必须经过修改。
十一,邮件的高度没有具体要求,应以邮件内容多少而定,建议页面高度不宜过长而影响浏览,最长不要超过1200像素,即2.5屏,否则必须经过修改。
十二,email正文的html文件大小(不包含图片或者flash)控制在10k以内;内含图片的邮件包括图片在内文件大小应控制在30k-120k以内;
内含flash或流媒体格式文件的邮件,包括flash或流媒体格式文件在内应控制在50k-250k以内, 否则必须经过修改(特殊情况除外);
十三,禁止使用外联样式表。
十四,图片高度不要小于22排下,会出现扩展显示。
十五,设计建议
(1)对于页面中的图片,建议将超过15k的图片分割成小图片,以保证下载图片过程的顺畅;
(2)图片个数不宜过多,建议在20个以内,Gif动画文件个数控制在3个以内;
(3)建议尽量少使用背景图片,复杂的背景图片不利于文字内容的浏览;
(4)能够使用系统文字应尽量避免使用图片文字以减少文件大小;
(5)网页上使用的中文系统文字的最小字号应保证在12像素,并且使用系统默认的宋体或黑体,避免使用其它的中文字体;
(6)使用音效时,音量应从小逐渐放大到正常音量;同时应设置简单、方便的打开/关闭按钮;
(7)邮件的设计重点在上半部,以吸引阅读者的注意力;
(8)带有故事情节的flash设计应以下载屏幕开始,以吸引阅读者等待下载;
(9)背景图片的td应加高宽限制,以避免部分客户端的图片显示出现异常;
(10)邮件当中的所有点击应使用弹出新窗口。