編寫HTML格式的郵件需注意的地方

前言:在springboot項目中用JavaMailSender發郵件時,想將異常日誌添加「點擊展現」的js效果。後發如今java後臺寫入的javascript代碼和DOM對象裏的onclick方法,在收到郵件後F12查看都不見了。javascript

  網上也查不到相似郵件發送添加javascript的相似案例,後搜到此文,原來郵件服務器端直接過濾掉了js代碼...css

一、head中的style定義無效:通常寫網頁,喜歡在head中定義css樣式,惋惜在HTML格式的郵件中有的郵箱會失效。html

二、結構儘可能簡單,最好使用table佈局,能夠先使用table做爲最大的父級,須要居中,能夠是設定align=」center」。這樣作能夠保證在CSS樣式失效、或者html被禁用的狀況下最大程度的還原佈局和樣式。java

三、不要使用JavaScript和Flash,通常會被過濾的。spring

四、使用內聯CSS樣式,什麼元素須要什麼樣式就用style寫內聯的CSS,如<td style="color:red">警告</td>,不要引入外部CSS文件,不要使用style標籤,Gmail等不支持style標籤。springboot

五、不要使用絕對定位,不要使用背景圖片,不要使用半透明,不要使用IE濾鏡和CSS表達式服務器

六、圖片要添加alt及border=0屬性,設置alt屬性是爲了防止圖片顯示不出來時,至少有文字說明,讓用戶明白意思。保證在禁用圖片的狀況下傳遞有效信息。佈局

七、可爲img設置display:block,可用來修復一些電子郵件客戶端圖片下面空白間距。編碼

八、圖片添加寬高屬性spa

九、不要試圖使用iframe引入外部頁面

十、儘可能精簡代碼,減小圖片數量和體積

十一、通常使用UTF-8編碼

十二、儘可能使用padding,少用margin,不容許使用margin做爲重要的佈局依據,不容許使用負margin,避免使用非零和非auto的margin屬性。

1三、 避免使用list-style來處理列表樣式,可使用  「  •  」  字符來替代。

原文出處:http://www.studyofnet.com/news/889.html

相關文章
相關標籤/搜索