製做EDM 郵件規範

時間 2019-11-18

標籤製做 edm 郵件規範简体版

原文原文鏈接

郵件模板最主要是保證兼容性，不少郵箱的過濾規則不一樣，所以郵件頁面要使用最簡單原始的代碼實現內容展示。css

一，採用table嵌套佈局，避免用div佈局，由於DIV佈局會用到float等浮動樣式，一些郵箱會過濾浮動樣式。html

二，不使用CSS定義背景圖片，可使用td標籤的背景<td background="*">，最好圖片採用直接插入的方式，而且加上alt屬性，一些郵箱會屏蔽背景圖片。佈局

三，不使用圖像map熱點連接，能夠給整幅大圖片加連接，並加上border="0"屬性，一些郵箱會屏蔽map熱點連接。字體

四，充分利用表格的私有屬性來佈局。width, height, bgcolor, background, align, valign等，減小CSS的使用。動畫

五，HTML Tag中直接定義樣式 <body style="margin:0; padding:0">，<td style="font-size:12px;"> 等，不能使用頭部的<style type="text/css">...</style>方式，一些郵箱會過濾<head>標籤內容。spa

六，字體大小定義在每個<td>裏：<td style="font-size:12px;">，不要在tr內定義樣式。定義字體顏色用<font color="#333333">標籤。設計

七，郵件內避免使用gif動畫，flash動畫，js特效，浮動樣式。htm

八，儘可能不要使用<h2>、<ul>、<li>、<ol>、<p>、<dl>、<dd>、<p>等有默認樣式的標籤，每一個郵箱對默認樣式的解釋不一樣，避免形成佈局錯亂。圖片

九，郵件內的圖片均採用絕對地址http://...flash

十，郵件的標準寬度爲575像素，最寬不宜超過778像素，不然必須通過修改。

十一，郵件的高度沒有具體要求，應以郵件內容多少而定，建議頁面高度不宜過長而影響瀏覽，最長不要超過1200像素，即2.5屏，不然必須通過修改。

十二，email正文的html文件大小（不包含圖片或者flash）控制在10k之內；內含圖片的郵件包括圖片在內文件大小應控制在30k-120k之內；

內含flash或流媒體格式文件的郵件，包括flash或流媒體格式文件在內應控制在50k-250k之內, 不然必須通過修改（特殊狀況除外）；

十三，禁止使用外聯樣式表。

十四，圖片高度不要小於22排下，會出現擴展顯示。

十五，設計建議

（1）對於頁面中的圖片，建議將超過15k的圖片分割成小圖片，以保證下載圖片過程的順暢；
（2）圖片個數不宜過多，建議在20個之內，Gif動畫文件個數控制在3個之內；
（3）建議儘可能少使用背景圖片，複雜的背景圖片不利於文字內容的瀏覽；
（4）可以使用系統文字應儘可能避免使用圖片文字以減小文件大小；
（5）網頁上使用的中文系統文字的最小字號應保證在12像素，而且使用系統默認的宋體或黑體，避免使用其它的中文字體；
（6）使用音效時，音量應從小逐漸放大到正常音量；同時應設置簡單、方便的打開/關閉按鈕；
（7）郵件的設計重點在上半部，以吸引閱讀者的注意力；
（8）帶有故事情節的flash設計應如下載屏幕開始，以吸引閱讀者等待下載；
（9）背景圖片的td應加高寬限制，以免部分客戶端的圖片顯示出現異常；
（10）郵件當中的全部點擊應使用彈出新窗口。

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。