郵箱內嵌入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以及一些特殊的標簽