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
9、margin: margin的使用要非常謹慎，不允許使用margin作為重要的布局依據，不允許使用負margin，避免使用非零和非auto的margin屬性，
10、<a> 在 body上定義style=”width:apx; margin:auto”，注意，在Web郵件中，會自動為你生成一個<div style=”width:apx; margin:auto”> 的元素在最外層，(可以有效利用這一特性，定義背景顏色等樣式，和實作其他可能的事情) 而不要嘗試自己在郵件模板最外層添加一個帶有margin:auto的<div>元素， <b> 使用<center>
11、要使用完整的6個完整的十六進制編碼，如果使用三個簡寫字符，不總是有效
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/259489.html
標籤：其他
上一篇：Servlet+JSP+EL+JSTL+監聽器+過濾器總結
下一篇：大過年睡不著，聊聊云開發入門