EDM HTML编写建议和规范(转)

本文提供了EDM(电子直邮)HTML设计的建议与规范,包括兼容性、布局方式、图片处理、链接应用等方面的技术细节。

EDM,英文全称:Electronic Direct Mail,一般都是HTML的邮件,所以我们需要考虑兼容各主流邮箱。以下几点是编写EDM HTML的一些建议和规范,希望能给大家带来帮助。

  • HTML代码和图片尽量不要超过100kb;    
  •  页面宽度推荐500px,最大不要超过800px;    
  • 使用table布局页面;    
  • 所有css必须写在元素标记内,且不能使用用于布局的css属性:display、position、float;    
  • td必须设定宽度和高度:可以在第1行第1列设定宽、高,后面几列只需设宽,最后一列不用设任何值,第2行开始只在第1列定高,不需要设宽度,后面几列不用设任何值;    
  • 背景图(背景色除外)必须切成图片,用img代替,不要使用css的background属性;    
  • img必须设定宽、高、边框border=”0”及css属性style=”vertical-align: bottom;”(去除上下图片间的间隙),另外应该添加图片代替文本alt=”图片说明”;    
    <img alt="" src="" width="" height="" border="0" style="vertical-align: bottom;"/>
  • 无图片背景或只是颜色填充的背景区域内的文本文字,如果可用系统默认字体代替的,不要切成img;    
  • 必须用a添加链接,不要使用热点map;    
  • 不能使用Flash、Java、Javascript、frames、i-frames、ActiveX 以及 DHTML;    
  •  页面字符集必须为utf-8;
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
  • 文件保存编码类型也必须为utf-8。

转载于:https://www.cnblogs.com/csscode/archive/2012/10/08/2715466.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值