WEB前端開發(fā)要遵守什么規(guī)范纹份?如何成為企業(yè)急需人才?一個項目大多都是由一個團隊來完成,如果沒有統(tǒng)一的代碼規(guī)范蔓涧,每個人的代碼必定會風(fēng)格迥異件已,在溝通對接時就會消耗大量的時間。下面小編就給大家介紹一下Web前端開發(fā)中html和css應(yīng)該遵守的代碼規(guī)范元暴。
html標(biāo)簽與屬性
1)html要求所有標(biāo)簽必須關(guān)閉篷扩。單個標(biāo)簽也必須結(jié)束,使用p標(biāo)簽時必須成對使用茉盏。
2)所有標(biāo)簽元素和屬性建議采用小寫鉴未。
3)所有html屬性必須添加雙引號(非單引號)。
4)所有標(biāo)簽必須采用合理嵌套鸠姨。
5)所有<铜秆、&、>等特殊符號(非標(biāo)簽一部分)用編碼表示讶迁。
6)img標(biāo)簽中必須添加alt屬性连茧。
7)標(biāo)簽在運用時,應(yīng)盡量使用語義化標(biāo)簽巍糯。
css引用規(guī)范
1)所有css均為外部調(diào)用梅屉,不得在頁面書寫任何內(nèi)部樣式或行內(nèi)樣式;
2)外部調(diào)用時,使用link鳞贷,建議少用@import坯汤。
css書寫規(guī)范
1)樣式書寫不做強約,可分行或單行(推薦單行搀愧,理由:直觀惰聂、模塊之間分隔鮮明,有全局感)咱筛。
2)樣式中屬性排序規(guī)則:先外部>再自身>后內(nèi)部搓幌。
3)所有css屬性和值必須采用小寫的形式。如:FONT-SIZE:12PX必須改為font-size:12px迅箩。
4)關(guān)于css背景圖片(關(guān)鍵字:合并溉愁,縮寫,去引號), 引號不是必須的饲趋,而且在某些瀏覽器上加引號反而出錯拐揭。
5)屬性為0值,去除單位奕塑。
6)所有css的命名應(yīng)語義化堂污,如:回復(fù)框,.replyBox{…}龄砰,禁止用拼音縮寫命名盟猖,如.hfk{…}讨衣。
7)用來顯示動態(tài)文本輸入的地方,樣式里必須加上強制英文換行:word-break: break-all; word-wrap: break-word; overflow-x: hidden;如果要顯示省略號加上:text-overflow: ellipsis式镐。
9)上下相鄰的兩模塊盡量避免混用margin-bottom反镇,margin-top,否則會產(chǎn)生重疊現(xiàn)象娘汞。
小編推薦一個學(xué)Web前端的學(xué)習(xí)裙【 547歹茶,302,383 】价说,無論你是大牛還是小白辆亏,是想轉(zhuǎn)行還是想入行都可以來了解一起進步一起學(xué)習(xí)风秤!裙內(nèi)有開發(fā)工具鳖目,很多干貨和技術(shù)資料分享!
盡管Web前端入門簡單缤弦,但精通不易领迈,想要成為企業(yè)急需的人才,你不僅要遵守各種代碼規(guī)范碍沐,更重要的是要具備滿足企業(yè)需求的技術(shù)狸捅。