来一发用HTML+CSS制造邮件网页的技能总结

HTML标准自1999年12月发布的HTML4.01后，后继的HTML5和其它标准被束之高阁，为了推动Web标准化运动的发展.破洛洛文章简介：我们在做邮件营销的时分，都但愿用户翻开邮箱后看到我们发给对方是一个完全的网页页面，可是邮箱对HTML页面的衬着与在扫瞄器中的衬着分歧，衬着才能小了良多，在扫瞄器中一般显现的效果，在邮件中却会堕落，大概没法衬着。
我们在做邮件营销的时分，都但愿用户翻开邮箱后看到我们发给对方是一个完全的网页页面，可是邮箱对HTML页面的衬着与在扫瞄器中的衬着分歧，衬着才能小了良多，在扫瞄器中一般显现的效果，在邮件中却会堕落，大概没法衬着。经由有数遍测试，在计划和制造网页邮件时，网页教授教养网提示您应注重以下几点：
1、不克不及利用任何情势的背景图片；
2、款式要写到HTML代码中，相似于style="text-decoration:none;color:#666;font-size:12px;",别的<style></style>中的款式必需放在body中才干起感化，可是在转发的过程当中部分款式会丧失，以是不倡议利用
3、在每一个图片都要加上alt和title
4、要思索邮件的宽度，良多用户是在用条记本，条记本的分辩率是1280*708,。。。以是为了第一眼的优秀用户体验，必需有符合的宽度
5、一切图片都必需用相对地点，不然在客户终端不会显现，在foxmail中能够显现；
6、在结构上，用table，不必div，由于在邮箱中连margin:0auto都不起感化，CSS属性没有全体测试，可是真的很受限定，那末就用table吧；
7、只管每一个块都要加上宽度，不写宽度，会有莫名奇奥的bug；
8、显现效果以邮箱为准，有些情形扫瞄器衬着的页面效果和邮箱衬着的纷歧样；
风险提醒：
在减少窗口至很必定水平时，部分图片会减少，页面界限会不划一，这是邮箱的衬着划定规矩，就今朝的计划，这个bug没律例避，以是宽度只能改小点（测试网易邮箱中央发的体系邮件，也存在这个成绩）。
</p>
一些公司联合起来，成立了一个叫做WebHypertextApplicationTechnologyWorkingGroup（Web超文本应用技术工作组-WHATWG）的组织。