2016年5月22日 星期日

電子報設計原則

電腦瀏覽
  1. 不使用div排版,請使用table來編排
    使用table來配置img和text。原因很簡單,因為table tag歷史悠久,它是最能被大多數email client辨識的tag,容錯率高。


  1. 不使用css seletor,請使用inline-css
    因為在<head>中設置的style,可能會被收信系統刪除,為了確保你要的樣式可以正常地被呈現,請將css個別地寫在tag行內。


  1. 圖片(img)之來源(src)請設為「絕對路徑」
  2. 圖片(img)請務必設置正確的width和height屬性,alt屬性亦然
  3. 不使用影片及flash相關tag
  4. 無法使用 Media Queries
    @media screen and (min-width: 1200px) {
       // 如果使用者之視窗寬度 >= 1200px,將會再載入這裡的 CSS。
    }
    @media screen and (min-width: 768px) and (max-width: 979px) {
       // 如果使用者之視窗寬度介於 768px ~ 979px,將會再載入這裡的 CSS。    
    }...
    國外有一個網站專門蒐集各式各樣的 Media Queries 效果,網站名稱就叫做「Media Queries」,網址:http://mediaqueri.es/
  5. 不使用javascript
EDM文末加入一個「取消訂閱此電子報」的連結
在近年來垃圾廣告郵件氾濫的時代,即使你是一家正常發送電子報給會員的電子商務網站,也請加入這個功能,以免被spam