HTML邮件制作规范

以下内容有些是别人总结的,有些是自己在工作中总结的。

模板最佳尺寸:显示宽度550px-750px,模板高度控制在一屏以内。

1、 table+css方式构建模板

  Div+css布局不完全被邮件客户端支持,所以无法使用div+css布局。

2、 可以使用editplues,或者UltraEdit等工具制作html,但务必使用可视化工具检查嵌套情况推荐Dreamweaver

3、 插入的图片要定义宽度,高度,针对(editpluesUltraEdit等工具更要注意这一点)

4、 严禁使用背景图片

  在outlook2007中,背景图片将无法显示,其他邮件客户端可正确显示背景图片。

  Gmail也不支持css里面的背景图,

5、 严禁使用map标记形式

  造成后期可视化统计困难

6、 不使用word转换的html文件作为模板

7、 不要用外部链接的css文件

  <link rel="stylesheet" rev="stylesheet" type="text/css" href="/css/new/common.css" media="all" />
  这样是抓取不到css的,要写在html,head里面

8、网站或者论坛客户自己有服务器的涉及上传模板文件的按照这个格式

  http://www.abc.com/file/0902_tr/edm.html

  http://www.abc.com/file/0902_tr/edm_online.html

  这样的格式系统无法抓取

  http://www.abc.com/file/0902_tr/

9、模板中的图片请使用绝对路径,完整的URl

  <img src="http://www.abc/123.jpg" width="140" height="123" border="0" ></img>

  <img src="http://www.abc/456.jpg" width="140" height="123" border="0" ></img>

10、一个td里面不要放多个图片,请放在不同td里面,

  <table width="136" border="0" cellspacing="0" cellpadding="0">

  <tr>

    <td><img src="http://www.abc/123.jpg" width="140" height="123" border="0" ></img></td>

    <td><img src="http://www.abc/456.jpg" width="140" height="123" border="0" ></img></td>

  </tr>

  </table>

11、<img src="http://444/edm1_03.jpg" width="570" height="52"      border="0" />

12、不规范的换行会让图片丢失

=========================以下是我自己总结的===========================

1、 在outlook里面很多css属性不支持(比如:margin,overflow,text-overflow等)

  这是查看各种邮箱属性支持情况的网站

  https://www.campaignmonitor.com/css/

2、在outlook上不能用背景图片,不能用网络图片加载。

3、在outlook上图片设置的宽高是不管用的

4、在outlook上实现dom结构居中要用align=center

5、outlook会自动加大行距间距

6、页面元素之间有间距可能是html里面混入了$nbsp;(也就是空格字符)

7、align=center在不同的浏览器的不同的邮箱解读代码是不一样的,纠错能力也不一样,

8、 邮件里文字的居中就用text-align,dom的居中就用align=center

9、Foxmail里面要想实现超出的文本不折行,超出部分显示省略号,建议不要直接把文本放到td下面,而是在td下面创建a标签,把内容放到a标签下,然后相应样式写在a标签里。

10、Foxmail不支持https的图片路径

11、有些邮箱上页面结构显示不正确的问题如果和以上内容无关的话建议采用别的dom结构来试试。

12、outlook邮箱中,多个连续的” ”或&nbsp;符号不受宽度样式的限制,会一直往后延伸。

  目前前端没有找到解决办法。

PS:

在浏览器里面浏览正常的模板,不一定正常!!!,要用发送系统抓取模板新建任务,发送到邮箱用浏览或者用客户端查看,邮件客户端软件和邮箱服务商的html解析水平基本停留在table布局阶段,而且出于安全考虑也有很多禁忌,请使用table+css布局,用Dreamweaver修改模板后还要查看html代码部分,空连接,怪异的或者过多的alt,title值(建议不超过30个汉字),没有宽高的图片都会造成邮件显示错误.

建议的测试环境,操作系统xp,win7,邮件客户端outlook2007,outlookexpre,foxmail6.0以上

Ie下的qq邮箱,126邮箱,hotmail邮箱,搜狐邮箱,新浪邮箱等等

有精力的话可以再在火狐下面再用以上邮箱测试测试

很多人用outlook2007,所以要着重测试.

参考资料

1、http://blog.csdn.net/sykent/article/details/8584637

时间: 2024-07-29 07:26:02

HTML邮件制作规范的相关文章

EDM邮件营销的模板制作规范

下面博主给大家介绍一下EDM邮件营销的模板制作规范. 一.不要使用DIV,使用table嵌套. 一般来说,由于邮件客户端软件的不同,使用div容易出现错位和布局混乱的情况,因此最好选择table嵌套解决这类问题. 二.模板编码语言的选择. 这里给大家推荐的utf-8编码,这个编码是运用的最为广泛的编码方式.如果选择其他编码,有可能出现乱码的情况. 三.CSS样式编写注意事项. 不要使用外部样式表引用,应该直接将样式表写在模板的内部,这样可以解决css利用不上的问题.原因是有些邮件客户端编译时会将

Unity3D模型制作规范[转]

本文提到的所有数字模型制作,全部是用3D MAX建立的模型,即使是不同的驱动引擎,对模型的要求基本是相同的.当一个VR模型制作完成时,它所包含的基本内容包括:场景尺寸.单位,模型归类塌陷.命名.节点编辑,纹理.坐标.纹理尺寸.纹理格式.材质球等必须是符合制作规范的.一个归类清晰.面数节省.制作规范的模型文件对于程序控制管理是十分必要的. 首先对制作流程作简单介绍:素材采集-模型制作-贴图制作-场景塌陷.命名.展UV坐标-灯光渲染测试-场景烘培-场景调整导出. 第一章.模型制作规范 1.在模型分工

Hello , ePub ! —— 个人电子书制作规范及基本样式表

随着大数据时代的到来,多种移动阅读终端方兴未艾 -- Amazon Kindle不再小众.各互联网巨头纷纷推出旗下的电子书阅读软件.有了阅读的软件/硬件支持,必不可少的就是阅读什么的问题了.ePub格式一直占据着广大电子书市场,多看.百度阅读等电子书市场所使用的格式都是它,人们也渐渐不满足于单纯的TXT文本阅读和质量低劣的扫描版PDF格式了.下面是我自己对ePub电子书制作的理念和规范. P.S.说什么规范其实也谈不上,也就是一些制作的风格与技巧. 封面 这是个看颜的时代. 封面图最好要是高清的

Unity3d 数字模型制作规范

数字模型制作规范 本文提到的所有数字模型制作,全部是用3D MAX建立模型,即使是不同的驱动引擎,对模型的要求基本是相同的.当一个VR模型制作完成时,它所包含的基本内容包括场景尺寸.单位,模型归类塌陷.命名.节点编辑,纹理.坐标.纹理尺寸.纹理格式.材质球等必须是符合制作规范的.一个归类清晰.面数节省.制作规范的模型文件对于程序控制管理是十分必要的. 首先对制作流程作简单介绍: 素材采集-模型制作-贴图制作-场景塌陷.命名.展UV坐标-灯光渲染测试-场景烘培-场景调整导出 第一章  模型制作规范

EDM邮件制作指南

专业的 edm 邮件发送,是有严格的制作要求的,本指南从格式编码.文字.图片及链接四个方面给出指引,请逐条按照本指南制作您的 edm 邮件模板. 格式编码 1.页面宽度请设定在 600px 到 800px 以内,长度 1024px 以内. 2.html 编码请使用 utf-8. 3.html 代码在 15KB 以内.(各个邮箱的收件标准不一样,如果超出 15KB 您的邮件很有可能会进入垃圾箱) 4.请使用 table 表格来布局.同一个 td 里只放一张图片,如 <td><img src

Android开机动画包bootanimation的制作规范

除了一些特别厂商,其他大部分Android设备的开机动画包的文件名都是bootanimation.zip.可以通过adb查看system/media/路径查看,如果没有一般会调用系统开机动画,即android字样.这点三星有些不同,它的格式是bootsamsung.qmg.今天只说一下具有普适性的bootanimation.zip的制作. 这是三星的: 一.保证bootanimation.zip压缩包下的图片Size和格式完全统一 二.请写规范的配置文件desc.txt desc.txt每个参数

邮件发送规范

1.PSD安装 双击安装 2.F2键快速切图功能安装 安装方法里面有 3.FSC安装 双击安装 4.使用 4.1放缩大小 把效果图放缩到实际大小. 4.2F2切图 选中后,直接按"F2",如下图所示,->"储存为" 4.3测量工具 使用测量工具,测量大小和选取颜色 二.邮件的制作 1.制作邮件 邮件的html格式: 2.注意事项 1.邮件html使用<table>,<tr>,<td>  .不使用<div> 2.样

unity3d模型制作规范

1. 单位,比例统一 在建模型前先设置好单位,在同一场景中会用到的模型的单位设置必须一样,模型与模型之间的比例要正确,和程序的导入单位一致,即便到程序需要缩放也可以统一调整缩放比例.统一单位为米. 2. 模型规范 ⒈ 所有角色模型最好站立在原点.没有特定要求下,必须以物体对象中心为轴心. ⒉ 面数的控制.移动设备每个网格模型控制在300-1500个多边形将会达到比较好的效果.   而对于桌面平台,理论范围1500-4000.如果游戏中任意时刻内屏幕上出现了大量的角色,那么就应该降低每个角色的面数

标书制作规范

提高投标书编制工作的关键是密切结合招标需求,提交完整.详尽的资料和设计,以确保投标的实质性响应满足符合性.针对性.实用性和合理性.本文着重分析IT系统集成和软件开发项目投标书存在的问题,并对如何认真做好投标书编写工作提出若干建议,望能对提高IT采购项目投标书编制工作质量有所启迪和借鉴. 编制投标书切莫随意马虎 满足合格投标人的全部条件是投标书进入评标阶段的门槛.因此,投标人必须按招标书要求提交完整.符合要求的全套证明材料.对于如此重要的问题,有些投标人在编制投标书时却很随意和马虎. 例如,合格投