1、!Doctype聲明：為了向前相容和避免某些浏覽器的怪癖，使用html5的!doctype聲明，格式如下：<!DOCTYPE HTML>
2、不需要考慮DOM節點的精簡和結構的優化。 以完成設計樣式為最優先。必要時，不必吝啬使用表格嵌套，不必吝啬使用空的表格元素來占據空間。
3、主體頁面，包括細節處理，盡量使用<table>布局。
4、不允許在<tr>元素上定義CSS樣式，請将樣式盡量定義在<td>元素上。（Gmail等郵件用戶端會過濾<tr>上的屬性）
5、禁止使用<style type=”text/css”>來處理主要樣式，所有的Web郵件系統都會過濾該标簽。是以郵件模闆中不能使用僞類（pseudo class）和僞元素（pseudo elements），以及進階選擇符。
6、禁止使用<link>來加載外聯CSS
7、可以使用<div>來實作細節的，具有典型塊級元素(block)的布局樣式。而盡量避免使用<p>，因為我們不容易清除<p>在不同浏覽器的預設樣式
8、注意定義圖檔的替換文字（alt），及替換文字的顔色。
css：
1、充分利用表格的私有屬性來布局。width, height, bgcolor, background, align, valign等
2、在編寫html的時候，請思考當你頁面的所有圖檔都被屏蔽時，是否使用者還能了解頁面的主要内容。 請務必在所有要設定背景圖檔的元素上，定義背景顔色。
3、文字的處理。font-* 族的CSS屬性不允許使用縮寫，請分别定義 font-size, font-weight, line-height, font-family(font-family有可能被過濾)
4、注意表格不會繼承外部的font等屬性，請務必，在每個<td>元素上都定義字型屬性和顔色。
5、背景的處理 不允許使用style=”background:url(http://…)”，請使用<td>的屬性(attribute) background=“http://…”。（由于CSS背景圖檔是一種會影響頁面渲染速度的定義，是以大多數Web郵件系統會過濾它。） 背景顔色，也請使用表格的bgcolor屬性。實際使用中，盡可能不要出現背景圖，上面有文字的處理結構。建議将文字合成到圖檔上，再加載到<img>标簽上。
6、避免嘗試讓兩個table-cell的元素對齊，如果, 一個元素是用具體的寬度定義（width=”100″），另一個元素是用百分比來定位( width=”50%”)
7、避免使用list-style來處理清單樣式，請使用 “ • ” 字元來替代。
8、禁止使用 position, background, float
![控件模闆[圖]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)