邮件模板设计,html代码规范性,对邮件发送效果也有影响,所以在把设计好的模板效果图制作成html文件是,代码设计也要注意一些事项。

图一

图二
从图一和图尔对比来看,很明显,图一中的代码书写很混乱,如果有问题修改,都不知道从何下手。图二代码比较清晰,而且有层次,阅读容易理解。有些邮件服务器的反垃圾过滤规则对混乱的代码,也是有处理的。
在控制页面中的图片、文字的代码样式属性中不要有多余的代码,代码越多越容易出现样式混乱,有些邮件服务器会对代码处理出现错误的解码。
例如:代码有多层的嵌套形式,

这样的代码可以合并简略,书写出规范的代码。
-
一些注意细节
-
Div+css是最近几年新兴的web2.0定位方式,这种方式不适合在邮件模板切割中使用,更不要饮用外部CSS文件样式。不同邮件客户端戒在线浏览器对css模型解释不尽相同,会造成错位戒布局混乱等问题。同时也不要使用单一table重复多次colspan,可能会被邮件客户端判断为结构过于复杂,归类为垃圾邮件;同时也容易被打乱布局而影响用户浏览。
-
尽量不要使用提交表单;
-
float和margin标签:table中,某些邮件客户端戒web界面对浮动的标签(float、margin等)支持徆差,所以尽量不要使用;
-
在页面内调用<style></style>的情况下,尽量不要使用<h2>、<ul>、<li>、<p>、<ol>等有默认样式的标签,防止<style></style>被隔离时布局混乱;
-
不使用alt,里面的注释文字会被过滤;
-
图片链接:模板中所有的链接,都必须使用绝对路径;链接长度不能超过255个字符,不能有空格和中文字符,否则可能会导致链接无法追踪;图片链接不要使用<map>标签,否则可能被邮件客户端判定为垃圾邮件,甚至被邮件运营商直接屏蔽;模板中文本文字不能使用过大的字体,否则可能会被邮件客户端判定为垃圾邮件;
-
代码中不能带javascript脚本程序,否则被拦截的概率会很高。