邮箱内嵌⼊html页⾯需要注意的
上周接到⼀个需求,要写⼀个邮箱内接收邮件的页⾯,⼀开始,我就当做正常页⾯去写了,但是上正式环境后,突然发现,样式千奇百怪,⼤部分都没⽣效。
查阅资料后,才知道,由于邮箱内页⾯对很多H5,CSS3属性不⽀持,因此邮箱内嵌⼊html页⾯⽐较特殊,需要注意以下⼏点:
1. 邮箱内页⾯布局尽量采⽤table+css,table兼容性较好,可在表内嵌套div
<table width="600" border="0" cellspacing="0" cellpadding="0" width="100%">
<tbody>
javascript登录注册界面<tr>
<td >
<table width="100%" border="0" cellpadding="5" cellspacing="0" >
<tbody>
<tr>
<td>
<p >
                          尊敬的开发者:
                      </p>
<p >
                         “xxx”在此次的‘⽹络友好度测试’评级:<span >4颗星</span>(最⾼5颗星)。
                      </p>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
2. 写样式要写成内联样式,移动端对syle和link引⼊的样式都不能识别,但pc可以识别style样式
3. 不要⽤float、定位
4. 尽可能少⽤img标签,因为很多邮箱客户端默认不显⽰图⽚,所以,如果需要图⽚的话,⼀定要写好alt和title
5. 邮件不⽀持javascript,link,flash、iframe以及⼀些特殊的标签