編寫HTML郵件與編寫HTML頁面有很大的不同。因為,各面向網民的主流郵箱都或多或少的會對它們接收到的HTML郵件在后台進行過濾。毫無疑問,JS代碼是被嚴格過濾掉的,包括所有的事件監聽 屬性,如onclick、onmouseover,這是基於郵件安全性的考慮。不僅如此,CSS代碼也會被部分過濾。
一些編寫原則:
1.使用table布局而非div,由於css在眾多郵件系統中支持差異性,建議table布局,可以省去很多布局樣式;
2. 不要在<body>中寫樣式;因為這個標簽在很多郵件系統中是被過濾,甚至被替換成各個郵件系統中默認的標簽和樣式;CSS只可使用內聯樣式表 ,如:style="margin:0;"
3.設計之初遵循: 圖上無文本,文本后無底紋 的規則
4.所有圖片使用IMG標簽,如:<img style="style="display:block" "src="" />,最好加上title=””,alt=””
5.多用<br />換行而非<p>
6.整體最佳寬度為:550-600px
7.不使用Javascript
全局規則:
1、全局規則之一,不要寫<style>標簽、不要寫class,所有CSS都用style屬性,什么元素需要什么樣式就用style寫內聯的CSS。
2、全局規則之二,少用圖片,郵箱不會過濾你的img標簽,但是系統往往會默認不載入陌生來信的圖片,如果用了很多圖片的郵件,在片沒有載入的情況下,丑陋無比甚至看不清內容,沒耐心的用戶直接就刪除了。圖片上務必加上alt。
3、不要在style里面寫float、position這些style,因為會被過濾。那么如何實現左右布局或者更復雜的布局呢?用table。
4、style內容里面background可以設置color,但是img會被過濾,就是說不能通過CSS來設置背景圖片了。