1.不要在自閉合的元素尾部添加斜線（h5規(guī)范）岗仑。
2.為每一個html頁面的第一行添加標(biāo)準(zhǔn)模式。
3.為根元素制定lang屬性,為文檔設(shè)置正確的語言
4.IE兼容模式既穆，通過標(biāo)簽來確定當(dāng)前頁面所采用的ie版本准脂，最好設(shè)置為edge mode
5.標(biāo)簽聲明文檔字符編碼
6.盡量使用最少的標(biāo)簽并保持最小的復(fù)雜度
7.布爾型屬性可以在聲明中不賦值
8.為了代碼的易讀性饿悬，每個聲明塊的左花括號前添加一個空格刹枉，右花括號應(yīng)該單獨一行
9.每條聲明語句后面應(yīng)加一個空格
10.對于逗號分隔的屬性叽唱，每個逗號后面都應(yīng)該插入一個空格
11.十六進(jìn)制值應(yīng)該全部小寫，并且盡量使用簡寫形式的十六進(jìn)制值
12.為選擇器的屬性添加雙引號微宝，實例：input[tyep="text"]
13.使用@media進(jìn)行瀏覽器響應(yīng)式設(shè)計
14.css兼容瀏覽器的前綴：-ms- IE, -moz- Firefox, -webkit- Safari Chrome ,-o- Opera
15.class名稱中只能出現(xiàn)小寫字符和破折號1
6.基于最近的父class或基本class作為新class的前綴
17.選擇帶有語義的合適的標(biāo)簽
18.表單的正確寫法：<form><fieldset><legend></legend><p><label></label><input></p></fieldset></form>表單域通過fieldset標(biāo)簽包起來尔觉，并用legend標(biāo)簽說明表單的用途。
19.表格的正確寫法：<table><caption></caption><thead></thead><tbody></tbody><tfoot></tfoot></table>
20.標(biāo)簽語義化芥吟，盡量少用無語義標(biāo)簽div和span，既可以用p也可以用div的地方盡量用p
21.組織CSS的方法：base（精簡通用专甩、原子類）钟鸵、common（模塊化、封裝）涤躲、page（根據(jù)頁面配上注釋棺耍、分塊編寫、易于維護(hù)种樱、通過命名規(guī)則避免沖突）
22.在編寫float屬性時蒙袍，應(yīng)該將display：inline加入，可以避免由于浮動引入的bug
23.將塊元素居中時嫩挤，應(yīng)該設(shè)定元素的寬度害幅。
24.css樣式命名：駱駝命名法用于區(qū)別不同單詞，劃線用于表明從屬關(guān)系岂昭。
25.多個人合作寫css時以现，規(guī)定命名前綴用于避免樣式?jīng)_突。（如：小明：xm_? 小花：xh_）
26.通過css? spirit技術(shù)解決圖片加載問題（只能合并用于背景的圖片）
27.推薦使用一行式的編碼風(fēng)格
28.進(jìn)行css樣式設(shè)計的時候盡量使用class，少用id
29.通過css? hack技術(shù) 選擇前綴法邑遏、樣式前綴法解決瀏覽器兼容性問題佣赖。IE條件注釋解決ie瀏覽器問題
30.行內(nèi)元素的padding-top padding-bottom margin-top margin-bottom不會產(chǎn)生效果
31.優(yōu)秀的代碼可維護(hù)性：代碼的松耦合、高內(nèi)聚记盒，將頁面的元素視為一個個模塊憎蛤，相互獨立；良好的注釋纪吮；注意代碼的彈性俩檬，在性能和彈性的選擇上，一般以彈性為優(yōu)先考慮對象彬碱；嚴(yán)格按照規(guī)范編寫代碼豆胸。
32.命名規(guī)則：公共組件因為高度重用，命名從簡巷疼，不加前綴晚胡；各欄目的相應(yīng)代碼，需加前綴嚼沿，前綴為工程師姓名拼音的首字母估盘；模塊組件化，組件中的class或id采用駱駝命名法和下劃線相結(jié)合的方式骡尽，單詞之間的分隔靠大寫字母分開肝箱，從屬關(guān)系靠下劃線分隔；命名清晰蜕猫，不怕命名長塑陵，就怕命名沖突；命名要有意義谭贪，盡量使用英文命名境钟，不要使用拼音。
33.注釋規(guī)則：文件徒步加上注釋說明：文件用途俭识、作者姓名慨削、聯(lián)系方式、制作日期套媚；模塊注釋方法：代碼用途缚态；小注釋：代碼說明（一行）
