武林網(wǎng)(www.survivalescaperooms.com)文章簡介：我們在做郵件頁面的時候，都希望用戶打開郵箱后看到我們發(fā)給對方是一個完整的網(wǎng)頁頁面，但是郵箱對HTML頁面的渲染與在瀏覽器中的渲染不同，渲染能力小了很多，在瀏覽器中正常顯示的效果，在郵件中卻會出錯，或者無法渲染。

　　我們在做郵件頁面的時候，都希望用戶打開郵箱后看到我們發(fā)給對方是一個完整的網(wǎng)頁頁面，但是郵箱對HTML頁面的渲染與在瀏覽器中的渲染不同，渲染能力小了很多，在瀏覽器中正常顯示的效果，在郵件中卻會出錯，或者無法渲染。

首先我們看下時下郵件客戶端對HTML和CSS的支持(圖)：

由于郵箱客戶端系統(tǒng)對css的支持存在天壤之別，那么為了盡量減少郵件頁面在用戶端出現(xiàn)錯誤，我們要注意以下幾點：

1、文件內(nèi)容編碼要是UTF-8；

2、不包含圖片或者flash的頁面應(yīng)控制在10k以內(nèi)，含圖片的大小應(yīng)控制在30k-120k以內(nèi);

3、郵件頁面的寬度一般保持在600px至800px之間，推薦寬度為650px或者600px，郵件的高度沒有具體要求，應(yīng)以郵件內(nèi)容多少而定，建議最長不要超過1200px，即 2.5屏，否則必須修改；

4、布局要用表格布局，不要用div，css樣式要把樣式寫入html標簽內(nèi)部，不要引入外部樣式文件，也不要寫在style間，table如果里有margin：0 auto；這個樣式不管用，建議寫成具體數(shù)字如margin：0px 15px；郵件內(nèi)容居中時，在table里設(shè)定align=”center”,字體和字號最好定義在每個table里的td里;

5、不要在郵件中插入任何的Javascript、Flash以及一些特特殊標簽(如:marquee)絕大部分郵件客戶端會屏蔽Flash和Javascript，以及一些特殊標簽和屬性；如果有動畫效果就用gif圖片，最好控制在3個以內(nèi)；

6、不要使用背景圖片background-image屬性，在多數(shù)在線郵件客戶端會被屏蔽，盡量使用純色背景；

7、給每張圖片都指定寬和高以及alt屬性值，而且圖片的src屬性一定要用絕對地址，包著圖片的td也應(yīng)加高寬限制，以避免部分客戶端的圖片顯示出現(xiàn)異常，重要的內(nèi)容信息不要用圖片，考慮到圖片可能無法顯示，重要內(nèi)容可以選擇文字顯示；

8、郵件頁面當中的所有點擊應(yīng)使用彈出新窗口　　最后就是郵件頁面的測試相對麻煩一些，多測幾遍，你懂的。