网址 : http://nec.netease.com/standard/html-email.html (摘抄自)
环境:可能是个iframe,你的内容是被放在body里面的;可能只是个div,你的内容就被放在这个div里面。可能邮箱自身设置了些css,他可能对你产生未知的影响。可能根本没有申明doctype,即使申明了,也不是你想要的doctype。
注意:
01-因为容器可能是body或div,所以,我们邮件内容不应该是一个完整的html。所以邮件内容应该是以div为根节点的html片段
02-因为环境中可能已经设置了css,比如一些reset、一些.class。所以我们只能使用行内style来确保我们的效果,并且在内容根节点上设置基础style,并且尽量使用div、span等无语义标签。
03-因为doctype的不确定性,我们在写style的时候,应该考虑无论doctype是什么情况,都可以正常显示,doctype影响最大的就是盒模型的解析。所以我们要将盒模型拆分开来写,比如我们将原本要定义在某个div上的height和padding分别写到这个div和他的父元素或子元素上。
04-避免使用绝对定位,避免使用js,避免使用table布局(不易于修改维护),如果没有特殊要求target="_blank"。
时间: 2024-10-12 07:46:21