電子郵件頁(yè)面(EDM),就是能通過(guò)郵件形式發(fā)給對(duì)方的網(wǎng)頁(yè)。相比普通郵件,網(wǎng)頁(yè)郵件更能奪人眼球,精心設(shè)計(jì)的網(wǎng)頁(yè)郵件,能在很短時(shí)間內(nèi)將你要傳達(dá)的信息灌輸給接收者。
我們?cè)谧鲟]件頁(yè)面的時(shí)候,都希望用戶打開(kāi)郵箱后看到我們發(fā)給對(duì)方是一個(gè)完整的網(wǎng)頁(yè)頁(yè)面,但是郵箱對(duì)HTML頁(yè)面的渲染與在瀏覽器中的渲染不同,渲染能力小了很多,在瀏覽器中正常顯示的效果,在郵件中卻會(huì)出錯(cuò),或者無(wú)法渲染。
首先我們看下時(shí)下郵件客戶端對(duì)HTML和CSS的支持(圖):
由于郵箱客戶端系統(tǒng)對(duì)css的支持存在天壤之別,那么為了盡量減少郵件頁(yè)面在用戶端出現(xiàn)錯(cuò)誤,我們要注意以下幾點(diǎn):
1、文件內(nèi)容編碼要是UTF-8;
2、不包含圖片或者flash的頁(yè)面應(yīng)控制在10k以內(nèi),含圖片的大小應(yīng)控制在30k-120k以內(nèi);
3、郵件頁(yè)面的寬度一般保持在600px至800px之間,推薦寬度為650px或者600px,郵件的高度沒(méi)有具體要求,應(yīng)以郵件內(nèi)容多少而定,建議最長(zhǎng)不要超過(guò)1200px,即 2.5屏,否則必須修改;
4、布局要用表格布局,不要用div,css樣式要把樣式寫入html標(biāo)簽內(nèi)部,不 要引入外部樣式文件,也不要寫在<style></style>間,table如果里有margin:0 auto;這個(gè)樣式不管用,建議寫成具體數(shù)字如margin:0px 15px;郵件內(nèi)容居中時(shí),在table里設(shè)定align=”center”,字體和字號(hào)最好定義在每個(gè)table里的td里;
5、不要在郵件中插入任何的Javascript、Flash以及一些特特殊標(biāo)簽(如:marquee)絕大部分郵件客戶端會(huì)屏蔽Flash和Javascript,以及一些特殊標(biāo)簽和屬性;如果有動(dòng)畫(huà)效果就用gif圖片,最好控制在3個(gè)以內(nèi);
6、不要使用背景圖片background-image屬性,在多數(shù)在線郵件客戶端會(huì)被屏蔽,盡量使用純色背景;
7、給每張圖片都指定寬和高以及alt屬性值,而且圖片的src屬性一定要用絕對(duì)地址,包著圖片的td也應(yīng)加高寬限制,以避免部分客戶端的圖片顯示出現(xiàn)異常,重要的內(nèi)容信息不要用圖片,考慮到圖片可能無(wú)法顯示,重要內(nèi)容可以選擇文字顯示;
8、郵件頁(yè)面當(dāng)中的所有點(diǎn)擊應(yīng)使用彈出新窗口
最后就是郵件頁(yè)面的測(cè)試相對(duì)麻煩一些,多測(cè)幾遍,你懂的。
轉(zhuǎn)自: 搜狐焦點(diǎn)UED