邮件HTML代码的经验分享

邮件的设计和制作，其作为邮件营销的重要环节，直接影响着一次营销活动转化。

不同的邮件客户端有不同的解析规则。一封设计精美的邮件，如果Html代码不规范，在客户端显示的效果往往会大打折扣。所以，如果想要邮件在客户端显示原有的设计效果，就需要规范的HTML代码制作了。

下面我为大家分享几点邮件编码的基础知识：

1. HTML邮件制作基础

使用<table><tr><td></td></tr></table>表格进行布局

2. CSS样式的注意项

邮件客户端所识别的CSS样式与网页有明显的区别：

1，采用内联样式表；CSS样式不可从中引用。比如，<p style=”color:red”>,一定要包括在标签内部。
2，邮件客户端可支持的样式有限，且不可以缩写；邮件客户端是不支持float属性，所以只能用比较复杂的table布局来实现。

代码不可使用< style =”font:12px/14px Arial,” >,类似的缩写，必须严格的使用<style=”font-size:12px; font-family:Arial;”>,

3.邮件测试常见问题与解决办法

将制作好的邮件在各个客户端进行显示兼容性测试，是邮件制作的重要环节：

1， 邮件间距问题首先检查是否是cellspacing和cellpadding属性的赋值问题，其次检查是否使用margin与padding属性进行了布局。
2， 图片位移问题：给img标签一个display:block的属性来消除1个像素的隐藏边距。

添加display:block之前：

添加display:block之后：

3， 字体大小问题：请在每个有文字的标签中再次添加文字样式。

最后给大家一些编辑邮件HTML代码的建议

1， 不要使用js。大多数的邮件客户端不支持js

2， 背景图的属性要写在表格内。另外Outlook不支持背景图片，建议设计的时候考虑进去

3， 为图片定义宽度和高度，并且添加Alt标签（http://blog.unimarketing.com.cn/2010/08/19/830.html）

4， < /a >标签要添加target=“_blank”属性，即在新的标签页中打开链接

5， 注意图文比例，且单张图片不可过大。建议在100K以内

6， 背景颜色设置在< td >里面

7， 如果要添加边框，请把属性添加到< td >中

8， 为图片添加背景颜色，当邮件图片默认不下载时，使页面尽量美观

9， 如果邮件中有英文，请为文字添加text-align:justify属性

10， 代码的属性不可使用简写，如color:#ffffff不可简写成color:#fff