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