在WEB前端開發(fā)當(dāng)中,書寫基本的代碼固然重要,而細(xì)節(jié)也是不容忽略的。在本文當(dāng)中,我們整理了書寫HTML與CSS代碼時(shí)應(yīng)當(dāng)注意的基本細(xì)節(jié),當(dāng)我們對(duì)于細(xì)節(jié)有所了解時(shí),在編寫代碼時(shí)的錯(cuò)誤概率就會(huì)降低很多。
1、為了解決標(biāo)簽的默認(rèn)樣式,需要引入重置文件。
2、類名采用單詞(語義)命名,多個(gè)單詞采用中劃線連接。
3、HTML與CSS文件采用單詞(語義)命名,禁止使用中文命名。
4、HTML與CSS引號(hào)需要保持一致,禁止出現(xiàn)單引號(hào)與雙引號(hào)混用。
5、編寫代碼的時(shí)候,需要合理的縮進(jìn)(不要出現(xiàn)空格與Tab格混用)與注釋,HTML標(biāo)簽嵌套合理,CSS樣式按照順序書寫:顯示屬性——>自身屬性——文本>——其他>——>CSS3屬性放最后。
6、在移動(dòng)端開發(fā)中,a標(biāo)簽的title和img標(biāo)簽的title可以刪除。
7、圖片需要根據(jù)情況設(shè)置寬高,以及如何設(shè)置寬高
8、單行文本顯示為省略號(hào)(……),比如在模塊標(biāo)題需要進(jìn)行設(shè)置,多行文本如果顯示區(qū)域高度固定,需要設(shè)置超出隱藏。
9、保持盒模型大小的一致性(如:增加左右padding,原有width需要變?。?。
10、使用position的時(shí)候,按照CSS編碼規(guī)范設(shè)置z-index的范圍。
11、字體大小最小為12px,不能小于12px(部分瀏覽器不支持,以及不好的用戶體驗(yàn))。