邮箱内嵌入html页面需要注意的

上周接到一个需求，要写一个邮箱内接收邮件的页面，一开始，我就当做正常页面去写了，但是上正式环境后，突然发现，样式千奇百怪，大部分都没生效。
查阅资料后，才知道，由于邮箱内页面对很多H5,CSS3属性不支持，因此邮箱内嵌入html页面比较特殊，需要注意以下几点：

1. 邮箱内页面布局尽量采用table+css，table兼容性较好,可在表内嵌套div

<table width="600" border="0" cellspacing="0" cellpadding="0" style="font-family:'微软雅黑',Helvetica,Arial,sans-serif;font-size:14px " width="100%">
     <tbody>
                <tr>
                    <td style="font-family:Helvetica,Arial,sans-serif;font-size:14px;">
                    <table width="100%" border="0" cellpadding="5" cellspacing="0" >
                            <tbody>
                                <tr>
                                    <td>
                                        <p style="margin:0;font-size:14px;line-height:24px;margin-bottom: 20px">
　　　　　　　　　　　　　　　　　　　　　　　　　　尊敬的开发者：
　　　　　　　　　　　　　　　　　　　　　　</p>
                                        <p style="color:#000;margin:0;font-size:14px;line-height:24px;">
　　　　　　　　　　　　　　　　　　　　　　　　　“xxx”在此次的‘网络友好度测试’评级：<span style="color:#F44336;">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以及一些特殊的标签