郵件頁面為何只能Table寫及注意事項


編寫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來設置背景圖片了。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM