### 高質(zhì)量的HTML代碼
1. 做到標(biāo)簽的語義化,不過度使用div而忽略一些其他的具有語義化的標(biāo)簽,例如標(biāo)題就用h標(biāo)簽,內(nèi)容就用p標(biāo)簽,等等评架,這些無論對搜索引擎的優(yōu)化還是代碼的可讀性都有好處筹麸。
2. 要做到頁面即使去掉CSS夭坪,也具有良好的可讀性結(jié)構(gòu)。
### 高質(zhì)量的CSS代碼
1. 對于高度復(fù)用部分胧谈,通用類以及特異化部分可以分別放到各自的CSS中忆肾,如通用類(css-reset.css),復(fù)用類(public.css),特定頁面(pagename.css)
2. 書寫模塊化的CSS對于結(jié)構(gòu)相同的部分可以書寫模塊化的樣式菱肖,對于其在特異位置的差別可以組合特異類名來重寫添加部分樣式已適應(yīng)環(huán)境客冈。
3. 類命名方式采用語義清晰地英文單詞或者組合詞,可用駝峰形式書寫或者以“-”來間隔詞語稳强,我一般的做法是一個模塊的父級類名用“-”场仲,而其內(nèi)部元素的類名用下劃線。在多人配合的情況下退疫,可在類名前加上名字縮寫渠缕,以避免發(fā)生命名沖突。
4. 使用多類名組合的方式來書寫或修改模塊通用的CSS樣式褒繁,可以解決代碼的冗余亦鳞,并且易于維護(hù)
5. 使用雪碧圖減少服務(wù)器壓力,優(yōu)化背景圖加載切換的時間
6. 一般情況下盡量使用class棒坏,少用id來書寫樣式燕差,利于重用