• 制作EDM 邮件规范


    邮件模板最主要是保证兼容性,很多邮箱的过滤规则不同,因此邮件页面要使用最简单原始的代码实现内容展现。

     

    一,采用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)邮件当中的所有点击应使用弹出新窗口。

  • 相关阅读:
    请求格式
    表格操作laytpl
    layui的弹出框
    layui表格
    js概念
    栈,队列
    数据结构--线性数据结构
    Symbol详情: 在不支持es6的浏览器上,通过Babel转译
    jquery中用bootstrap中的表单验证及提交
    layui的layer报错 layer is not defined at checkUse
  • 原文地址:https://www.cnblogs.com/jdsm/p/3488624.html
Copyright © 2020-2023  润新知