edm頁面製做要注意？

一：概念：

EDM 就是 Electronic Direct Mail 的縮寫，即電子直郵。企業能夠經過EDM創建同目標顧客的溝通渠道，向其直接傳達相關信息，用來促進銷售。EDM有多種用途，能夠發送電子廣告、產品信息、銷售信息、市場調查、市場推廣活動信息等。

二：注意事項

因爲郵箱對HTML頁面的渲染與在瀏覽器中的渲染不一樣，渲染能力小了不少，在瀏覽器中正常顯示的效果，在郵件中卻會出錯，或者沒法渲染。須要注意一下幾點：

• 頁面寬度推薦600-800px,最大不要超過800px;
• 製做html頁面時不使用css+div佈局，請使用table佈局。
• 定義文字和圖片樣式時，使用行內樣式,樣式屬性分開寫不要用縮寫例如：margin: 0 auto;定義顏色值最好寫成：#ffffff;圖片要加上寬高，border="0" ;display:block";alt
• 不使用flash,java,javascript,frames,i-frames,ActiveX以及DHTML,若是頁面中的圖片必定要是動態的，請將flash文件換成gif動畫使用。
• table之外的body,meta,html之類的標籤是能夠無視的，郵件系統裏會把這些過濾掉。
• 若是有多段文字，不要使用回車換行那樣會致使代碼裏自動加入p；
• 最後在郵件頂部寫上一句話：「若是您沒法查看郵件內容，請點擊這裏查看」，鏈到放有一樣內容的web頁面；
• html代碼和圖片儘可能不要超過50kb；（各個郵箱收件標準不同，若是超出50kb您的郵件頗有可能會進入垃圾郵箱裏）。
• 郵件內的圖片地址和全部超連接請不要寫本地路徑，用絕對路徑！
• 在樣式中，能夠省略font-family屬性，但若是font-family後屬性值爲空，會被qq屏蔽爲垃圾郵件
• 郵件中的鏈接數不要超過10個
• 郵件內容左右居中：給table設置margin: 0px auto 0px auto;和align="center"
• 郵件頁面中文字不要出現網址，那樣被屏蔽爲垃圾郵件的風險很高！
• 在中文輸入法下的標點符號可能會顯示亂碼，儘可能將標點符號轉化爲英文輸入法寫的標點符號！
• 若是沒有特殊要求，圖片的文件名稱一概使用小寫。
• 不要使用高度太小的圖片，outlook2007不能很好地顯示高度爲1像素的圖片，會出現拼合縫隙！
• 切圖時須要爲文字區域流出必定的邊距，因爲outlook中默認行間距和字間距大於普通網頁，預留邊距能夠防止出現沒必要要的換行和圖片縫隙
• 因爲hotmail信箱的接收問題，段落之間不要用p標記，用br代替
• tom郵箱排版問題：在代碼中儘可能不要使用span標籤，使用其餘標籤代替！
• sohu的郵箱很怪異，會在每一個文本段後面加一個空格，致使佈局錯亂，個人建議是最好一行文字用一個td,給td定義高度
• 當須要限制行文字高度時, 須同時設置max-height, height, line-height. 這裏max-height很重要: 由於gmail會自動把height改爲min-height, 這時候你若是不設max-height在gmail裏達不到overflow hidden的效果.
• 一些間距, 空白儘可能避免用margin, padding實現, 最好使用td來實現. 由於padding等在outlook客戶端上被忽略;
• 全部空行, 線條最好用table元素表示;
• 網址連接要強制折行：work-wrap: break-word;word-break: break-all;

三：edm頁面測試
介紹一個EDM測試工具: https://litmus.com/, 給它發郵件後, 它能把你的EDM在全部web, 客戶端, 手機端的效果截圖出來, 很牛叉, 惋惜是收費的.後面若是有新的, 會再補充進來...
能夠看下這裏，瞭解各大郵件系統對html標籤屬性的支持狀況https://www.campaignmonitor.com/css/
四: 其餘朋友的總結 http://www.cnblogs.com/dolphinX/p/4082747.html -- 很清晰很全面