邮箱内嵌⼊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以及⼀些特殊的标签

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。