首页澳门新葡亰官方网站 › edm邮件制作专门的学问

edm邮件制作专门的学问

HTML邮件制作规范,html邮件规范

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

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

1、 用table+css方式构建模板

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

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

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

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、网站或者论坛客户自己有服务器的涉及上传模板文件的按照这个格式

  

  

  这样的格式系统无法抓取

  

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

  <img src="" width="140" height="123"
border="0" ></img>

  <img src="" width="140" height="123"
border="0" ></img>

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

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

    <tr>

    <td><img src="" width="140"
height="123" border="0" ></img></td>

    <td><img src="" width="140"
height="123" border="0" ></img></td>

    </tr>

  </table>

11、<img src="" width="570" height="52"     
border="0" />

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

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

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

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

  

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邮箱中,多个连续的”
”或 符号不受宽度样式的限制,会一直往后延伸。

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

 

PS:

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

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

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

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

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

参考资料

1、

以下内容有些是别人总结的,有些是自己在工作中总结的。
模板最佳尺寸:显示宽度 550px-750px ,模板高度...

9.

为避免用户收到的邮件图片无法浏览,请制作一份和邮件内容一样的web页面,然后在邮件顶部写一句话:“如果您无法查看邮件内容,请点击这里”,
链接到放有同样内容的web页面。(Y@mail系统目前支持此功能,您只需要在编辑模板的时候选择是否添加链接标志)。

如果要使用<p>标签要考虑到<p>标签本身自带的上下行之间的行高

图片名称尽量减少特殊字符命名,不能包含空格字符,后缀如.jpg不能大写,否则某些邮箱无法识别会造成图片不显示。另外,图片名称不能含有ad字符,否则图片上传后会显示成“被过滤广告”。图片的链接地址最好不要加%、¥、&等这样的特殊字符,这些字符有些邮箱无法识别(例如:QQ邮箱、gmail邮箱),将导致邮件打开时图片无法显示,图片地址最好由数字和字母组成。

8.

5.

10.

3.

7.

当设置<img align=”left”/>或<img
align=”right”/>时,图片会脱离文档流,在其父元素设置了margin或padding的话,都没有效果使其下移,左移或右移。

整页图片控制在8张以内,每张图片最大不能超过15kb。

10.

5.

3.

4.

4.

页面宽度请设定在600到800px(像素)以内,长度1024px以内。

不可将word类文件直接转换为html格式,否则会造成编码不规范。

邮件主题控制在18个字以内,避免使用――!……等符号,容易产生乱码。

4.

文字中出现网站地址链接被屏蔽为垃圾邮件的风险是极高的,例如:
http:www.baidu.com.cn,此类链接,建议写成“百度”文字加链接,或是将网址做成图片加链接。

链接请写成绝对地址,例如:<a
href="

若邮件模板内侧边或者上下有空白间距,不要用padding,必须得用标准的td来设定空白间距,否则会导致各个邮箱解析不同。

不使用类似如下敏感及带促销类的文字:免费、优惠、特惠、特价、低价、便宜、廉价、视频、赚钱、群发、发财、致富、代开、薪水、交友、支付、商机、法宝、宝典、秘密、情报、机密、保密、绝密、神秘、秘诀等。如果邮件发送量大或发送数据容易引起投诉,则需要将公司标志性信息如电话,邮箱或者品牌口号等制作成图片,避免被ISP监控记录。

6.

4.

在<img>标签里面加上alt,这样用户在收到邮件的时候,即使有些邮箱将图片隐藏掉,也可以看到alt=””里面内容的显示,如:<img
style="vertical-align: top;" src="images/1.jpg" height="142" width="195"
alt="写上图片隐藏时您想要显示的内容 "
/>,让客户了解到邮件内容并吸引客户点击显示图片。

6.

尽量不要使用地图功能(map)链接图片,此功能会使邮件被多数邮箱划分为垃圾邮件!

如果发送超过20万封,主题内容要更换,发送超过200万封,要考虑重新设计。

1.

内联元素的vertical-align不能被识别,例如<img src=”1.jpg”
style=”vertical-align:bottom”/>,此图片并不会和相同行的元素底对齐,可以写成<td
valign=”bottom”><img src=”1.jpg”/></td> 即可。

在yahoo邮箱里line-height要定义时的注意事项:需在块元素里定义line-height。
如果td里有<p>标签,则line-height也必须在p里定义。
无论是td还是p,如果有超链接,则都必须在a标签里面定义line-height。如果只是在td或者p里面定义line-height的话,那yahoo邮箱将无法识别a里面的行高。

7.

背景图片代码写法如下:<table background="background.gif"
cellspacing="0" cellpadding="0">,但请注意,outlook
对背景图片不识别。如果需要书写背景图片的样式,则需要先写背景图,然后在style里申明背景图的重复样式。正确写法如<td
background=”1.jpg” style=”background-repeat:no-repeat”></td>。

outlook规则:

2.

1.

Html编码请使用utf-8。

8.

13.

在Photoshop中,不要把一张整图直接切成过多的小图,然后直接存储为web格式,这种模板在邮箱中显示效果不正常,同时进入垃圾箱的风险也极高!

7.

2.

1.

7.

5.

转载本站文章请注明出处:澳门新葡亰官方网站 http://www.radioritmo-bl.com/?p=50

上一篇:

下一篇:

相关文章