一HTML 1.DOCTYPE的聲明，現在基本都是H5的天下，直接快捷鍵生成即可。 2.字元集的聲明，一般是<meta charset="UTF-8" />,記得轉義下符號類字元如空格- &-amp; 3.正確的縮進，現在各個全家桶里的代碼已經配置好了縮進，無太大必要直接使用即可 4.c ...
一HTML
1.DOCTYPE的聲明，現在基本都是H5的天下，直接快捷鍵生成即可。
2.字元集的聲明，一般是<meta charset="UTF-8" />,記得轉義下符號類字元如空格- &-amp;
3.正確的縮進，現在各個全家桶里的代碼已經配置好了縮進，無太大必要直接使用即可
4.css和js強調要使用外鏈形式，現在感覺組件化的東西，寫到每個組件里就可以，使用less等預編譯語言可以更方便的實現換膚等效果
5.正確的標簽嵌套
6.刪除不必要的標簽。例如<div><ul></ul></div>這種，從語義上，外層div可以刪除，因為div和ul都是塊級元素
7.做頁面時定好區域，整站佈局好後，如對小區域塊進行調整，直接在body或者離著近的大區域塊定義一個單獨的類（id也行），在做樣式處理
8.省略圖片、樣式、腳本以及其他媒體文件 URL 的協議部分（http:,https:）除非這兩種無法滿足。如<script src="//www.google.com/js/autotrack.js"></script>
9.使用兩個空格縮進（非必須儘量統一）實現代碼格式化
10.標簽名，屬性，屬性值儘量使用小寫
11.元素中的內容，減少不必要的空格，內容結尾的空格也不要。
12.添加適當的註釋，描述作用
13.添加TODO來標記代辦事項。如<!-- TODO: remove optional tags --><ul><li>Apples</li><li>Oranges</li></ul>
14.h5中單標簽不要閉合形式，直接寫標簽。如<br>不要寫成<br/>;<input>不要寫成<input/>
15.標簽（除單標簽）有開始就要有閉合
16.對於像圖片、視頻、canvas 動畫等多媒體元素，確保提供其他可訪問的內容。如<img src="xxx.png" alt="這裡是圖片描述">
17.引用樣式表時，type預設指定text/css，可以省略。引用腳本時，type預設指定text/javascript,可以省略
18.屬性值使用雙引號
19.發佈的代碼要壓縮
二CSS
1.reset的使用。首先明確它的作用，因為各個瀏覽器的預設屬性值有所不同需要做相容性考慮。不要使用全局reset，因為效率低。
2.屬性的順序，改變佈局的寫在前面，如display,margin,padding,position,其他寫在後面（可以按字母順序排列）
3.定義有含義的id和class名稱,簡短而明確,多單詞使用連接符
4.id儘量定義在大區塊，在區塊中在查找元素，如<div id="content">...n多內容</div>查找可以用#content .title-color{color:red}
5.使用簡寫屬性，如font-family: palatino, georgia, serif;font-size: 100%;line-height: 1.6;寫成font: 100%/1.6 palatino, georgia, serif;
6.屬性值為0時單位不要加，如padding:0 15px;
7.值在-1和1中間時，0可以省略，如font-size:.8em
8.顏色值使用十六進位，如color: #ebc而不是color: #eebbcc
9.每個樣式以分號(;)結束
10.選擇器和{}之間應該有空格，屬性名和屬性值之間應該有空格（記得code時格式化就可以）
11.屬性值用單引號，URI不要添加引號
12.分段註釋，沒必要每個樣式都註釋（除非易模糊）
13.利用好繼承，在父元素上定義樣式，子元素繼承樣式。可以繼承的屬性，如font-開頭，text-開頭，line-height
14.當表示不存在時候，儘量使用display:none而不是visibility:hidden，因為前者瀏覽器解析不占記憶體後者會在記憶體開闢空間
15.避免使用@import
16.發佈的代碼要壓縮
