製作html郵件的注意點，製作html郵件

製作html郵件的注意點，製作html郵件
由於之前python那邊有一些製作前端html郵件的需求，所以在這過程中也有了一些自己的心得體會 1. 不要外聯css關於css的支援可以參考http://www.campaignmonitor.com/css/，裡面有各個郵件系統中的支援情況的統計列表。在裡面我們可以看到所以，通過html的標籤屬性或者style屬性來設定頁面的css樣式。而在HTML電子郵件的開發中，有一條黃金法則：如果一個屬性存在於HTML中，絕對使用標籤屬性而不使用CSS樣式。 2.使用table布局為什麼要用古老的table布局呢？因為郵件的用戶端一般都採取比較原始的解析方式，我們可以郵件用戶端比喻為瀏覽器界的IE6。如果採取div，再用position或float來布局的話，由於position屬性在Outlook07/10/13、Yahoo! Mail和Google Gmail下不支援，float屬性在Outlook用戶端和網頁端均不支援，所以相容性並不友好，到時在某些情況下頁面就會死得很難看。所以，採取古老的table嵌套布局穩定性最好，而且可通過align="center"實現萬能置中 3.所有img標籤設定alt屬性及border=0設定alt屬性是為了防止圖片顯示不出來時，至少有文字說明，讓使用者明白意思。設定border=0,我也不清楚為什麼要設定border=0，但它確實能讓圖片在更多情況下顯示出來。當然，在一些情況下仍然不支援，比如gmail網頁端發送到QQ郵箱網頁端(圖片仍然顯示不出來，查看原始碼發現img標籤的src和alt屬性都被和諧了)同時，可為img設定display:block，可用來修複一些電子郵件用戶端圖片下面空白間距。另外，如果一定要用到圖片的話，個人建議最好把圖片上傳到伺服器，或者對於不大的圖片直接使用base64。 4.設定background-color時，永遠記住要使用完整的6個完整的十六進位編碼，如果使用三個簡寫字元，不總是有效。雖然background-color屬性對於所有郵件系統都支援，但賦值時記得用6個完整的十六進位編碼。哪怕是黑色，也不要用#000，而是#000000 5.用padding，不用marginmargin屬性對於Outlook的網頁端並不支援padding可支援所有郵件系統，至少我padding用到現在並沒有出現不相容的情況。但我看網上說table布局的話padding是沒問題的，但如果用div布局的話padding會變得不可控，這一點我還沒有嘗試過。 這是之前做html郵件的一些心得體會，以後有其他收穫再繼續補充。