武林網(wǎng)(www.survivalescaperooms.com)文章簡介:我們在做郵件頁面的時候,都希望用戶打開郵箱后看到我們發(fā)給對方是一個完整的網(wǎng)頁頁面,但是郵箱對HTML頁面的渲染與在瀏覽器中的渲染不同,渲染能力小了很多,在瀏覽器中正常顯示的效果,在郵件中卻會出錯,或者無法渲染。
電子郵件頁面(EDM),就是能通過郵件形式發(fā)給對方的網(wǎng)頁。相比普通郵件,網(wǎng)頁郵件更能奪人眼球,精心設(shè)計的網(wǎng)頁郵件,能在很短時間內(nèi)將你要傳達的信息灌輸給接收者。我們在做郵件頁面的時候,都希望用戶打開郵箱后看到我們發(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)使用彈出新窗口 最后就是郵件頁面的測試相對麻煩一些,多測幾遍,你懂的。
新聞熱點
疑難解答