1.html部分
語(yǔ)義化
- 語(yǔ)義化標(biāo)簽優(yōu)先粹排，如：
aside、main等標(biāo)簽涩澡，再兼容性允許的情況下顽耳，盡量使用語(yǔ)義化標(biāo)簽。 - 基于功能命名妙同、基于內(nèi)容命名射富、基于表現(xiàn)命名，如下圖所示
<div class="success"></div> <div class="theme-color"></div> <a class="login" href="#"></a> - 簡(jiǎn)略渐溶、明了辉浦、無(wú)后患，省略不必要的標(biāo)簽茎辐，命名合理
- .所有命名都使用英文小寫(xiě)
推薦：<div class="main"></div>
不推薦： <div class="Main"></div>
- .命名用引號(hào)包裹
推薦：<div id="header"></div>
不推薦： <div id=header></div>
- .用中橫線連接
推薦：<div class="mod-modal"></div>
不推薦： <div class="modModal"></div>
2.CSS部分
- tab 用兩個(gè)空格表示
- css的 :后加個(gè)空格宪郊， {前加個(gè)空格
- 每條聲明后都加上分號(hào)
- 換行，而不是放到一行
- 顏色用小寫(xiě)拖陆，用縮寫(xiě), #fff
- 小數(shù)不用寫(xiě)前綴, 0.5s -> .5s弛槐；0不用加單位
- 盡量縮寫(xiě)，
margin: 5px 10px 5px 10px -> margin: 5px 10px
參考：
/* Not recommended */
.test {
display: block;
height: 100px
}
/* Recommended */
.test {
display: block;
height: 100px;
}
/* Not recommended */
h3 {
font-weight:bold;
}
/* Recommended */
h3 {
font-weight: bold;
}
