黃金定律
永遠遵循同一套編碼規范,不管有多少人共同參與同一項目,一定要確保每一行代碼都像是同一個人編寫的.

一、語法:
1.用兩個空格來代替制表符(tab);
2.嵌套元素應當縮進一次(兩個空格);　　
3.對于屬性的定義,確保全部使用雙引號,絕不要使用單引號;　　
4.不要在自閉合元素的尾部添加斜線--HTML5規范(https://dev.w3.org/html5/spec-author-view/syntax.html#syntax-start-tag)中明確說明這是可選的;　
5.不要省略可選的結束標簽;
6.為每個HTML頁面的第一行添加標準模式的聲明,這樣能確保在每個瀏覽器中有一只的展現;

二、語言屬性:
根據HTML5規范,建議為HTML根元素指定 lang 屬性,從而為文本設置正確的語言.這將有助于語音合成工具確定其應該采用的發音,有助于翻譯工具確定翻譯時應遵守的規則等等.lang 屬性列表:http://www.sitepoint.com/web-foundations/iso-2-letter-language-codes/

三、IE兼容模式:　　
IE支持通過特定的標簽來確定回執當前頁面所應該采用的IE版本.除非有強烈要求,否則最好是設置為edge mode,從而統治IE采用其所支持的最新的模式.

四、字符編碼:
通過聲明字符編碼,能夠確保瀏覽器快速并容易的判斷頁面內容的渲染方式.這樣做可以避免在HTML中使用字符實體標記,從而全部與文檔編碼一致.

五、引入css和JavaScript文件:
根據HTML5規范,再引入css和JavaScript文件時一般不需要指定type屬性,因為text/css和text/javascript分別是他們的默認值.

六、實用為王:　
盡量遵循HTML標準和語義,但是不要以犧牲實用性為代價.任何時候都要盡量使用最少的標簽并保持最小的復雜度.

七、屬性順序:
HTML屬性應當按照以下順序依次排列,確保代碼的易讀性:
1.class
2.id,name　　　　
3.data-*　　　　
4.src,for,type,href　　　　
5.title,alt　　　　
6.Aria,role　　
class用于標示高度可復用的組件,因此應該排在首位.

八、減少標簽的數量
編寫HTML代碼時,盡量避免多余的父元素.很多時候,這需要迭代和重構來實現.

九、JavaScript生成的標簽
通過JavaScript生成的標簽讓內容變得不易查找、編輯,并且境地性能.能避免是盡量避免.

十、CSS語法:
1.用兩個空格來代替制表符(tab);　　
2.為選擇器分組時,將單獨的選擇器單獨放在一行;　　
3.為了代碼的易讀性,在每個聲明塊的左花括號錢添加一個空格;　　
4.聲明塊的右花括號應該單獨成行;　　
5.每條聲明語句的 : 后面應該插入一個空格;　　
6.為了獲得更準確的錯誤報告,每條聲明都應該獨占一行;　　
7.所有聲明語句都應該以分號結尾,最后一條聲明語句后面的分號是可選的,但是如果省略這個分號,代碼可能更容易出;