欢迎使用CSDN-markdown编辑器

来源:互联网 发布:dijkstra算法c语言 编辑:程序博客网 时间:2024/06/07 11:34

HTML email (elm制作)
http://www.educity.cn/wenda/10014.html//css选择器支持情况;
EDM制作最基本的要点:
1.不能用div+css布局,不能用浮动,定位;布局只能采用table实现,可以大表套小表,层次尽量精简,不要用多个 table 拼装;
2.css要嵌入到html元素中,不能内联,也不可外链,所有CSS都用style属性,什么元素需要什么样式就用style写内联的CSS。完全不能用css3的新属性,因为解析存在差异化,css2中的差异化属性float,clear,position,top/left/right/bottom,overflow,z-index 等等…
3.完全禁用任何形式的js和其他脚本;
4.不能用百分比来布局,每一个单元格(td)都要用固定宽度,必要时也固定高度。页面内容区宽度推荐600px;
5.页面的背景不能用背景图,背景颜色不能加载body上,只能加在外层的table上面。、
6.内部的table必须写定宽度,宽度写为100%。页面会出现白边,非margin引起的,只能写定宽装载edm实际内容;
7. 给每个单元格td定义对其属性;demo
8. 为看不到图片的用户做一个在线版的EDM . 制作一份和邮件内容一样的web页面,然后在邮件顶部写一句话,类似:“如果您无法查看邮件内容,请点击这里查看”;

elm开发可选用标签,、 table系列标签,ul/ol/li(li文字前面就有50px的空白用来承载圆点。)
p , span ,br
尽量不要用p标签,因为邮箱的p标签有的有margin,有的没有margin,所以,实在要用p标签的话,加适度的margin以便隔开;不要使用span,因为其在某些邮箱里会导致换行。建议用其他行内元素代替span。

编写HTML Email的窍门,
9. 不要简写颜色,比如#fff,要完整写成#ffffff
10.只要不是行内的图片,样式 style=”display:block;border:0 none;margin:0;pading:0;” 几乎是标配。
11.只能对文字使用line-height,一旦图片被应用line-height值,就会拼不起来。
系统邮件模板的邮箱兼容性 以及 如何编写兼容各主流邮箱的HTML邮件
12. 图片上务必加上alt。img标签不会被过滤,但是会不载入;所有的图片都要定义高和宽
13.对于文本而已,有的邮箱必入sohu会在每个文本段之后加一个空格;
14. . 页面宽度推荐500px,最大不要超过600px;
15,整个邮件的背景颜色








有背景图片的时候,我们要采用这种写法:

原创粉丝点击