WEB前端開發(fā)要遵守什么規(guī)范？如何成為企業(yè)急需人才？一個(gè)項(xiàng)目大多都是由一個(gè)團(tuán)隊(duì)來完成，如果沒有統(tǒng)一的代碼規(guī)范，每個(gè)人的代碼必定會(huì)風(fēng)格迥異，在溝通對(duì)接時(shí)就會(huì)消耗大量的時(shí)間。下面小編就給大家介紹一下Web前端開發(fā)中html和css應(yīng)該遵守的代碼規(guī)范。

html標(biāo)簽與屬性

1)html要求所有標(biāo)簽必須關(guān)閉。單個(gè)標(biāo)簽也必須結(jié)束，使用p標(biāo)簽時(shí)必須成對(duì)使用。

2)所有標(biāo)簽元素和屬性建議采用小寫。

3)所有html屬性必須添加雙引號(hào)(非單引號(hào))。

4)所有標(biāo)簽必須采用合理嵌套。

5)所有<、&、>等特殊符號(hào)(非標(biāo)簽一部分)用編碼表示。

6)img標(biāo)簽中必須添加alt屬性。

7)標(biāo)簽在運(yùn)用時(shí)，應(yīng)盡量使用語義化標(biāo)簽。

css引用規(guī)范

1)所有css均為外部調(diào)用，不得在頁面書寫任何內(nèi)部樣式或行內(nèi)樣式;

2)外部調(diào)用時(shí)，使用link，建議少用@import。

css書寫規(guī)范

1)樣式書寫不做強(qiáng)約，可分行或單行(推薦單行，理由：直觀、模塊之間分隔鮮明，有全局感)。

2)樣式中屬性排序規(guī)則：先外部>再自身>后內(nèi)部。

3)所有css屬性和值必須采用小寫的形式。如：FONT-SIZE:12PX必須改為font-size:12px。

4)關(guān)于css背景圖片(關(guān)鍵字：合并，縮寫，去引號(hào)), 引號(hào)不是必須的，而且在某些瀏覽器上加引號(hào)反而出錯(cuò)。

5)屬性為0值，去除單位。

6)所有css的命名應(yīng)語義化，如：回復(fù)框，.replyBox{…}，禁止用拼音縮寫命名，如.hfk{…}。

7)用來顯示動(dòng)態(tài)文本輸入的地方，樣式里必須加上強(qiáng)制英文換行：word-break: break-all; word-wrap: break-word; overflow-x: hidden;如果要顯示省略號(hào)加上：text-overflow: ellipsis。

9)上下相鄰的兩模塊盡量避免混用margin-bottom，margin-top，否則會(huì)產(chǎn)生重疊現(xiàn)象。

小編推薦一個(gè)學(xué)Web前端的學(xué)習(xí)裙【 547，302，383 】，無論你是大牛還是小白，是想轉(zhuǎn)行還是想入行都可以來了解一起進(jìn)步一起學(xué)習(xí)！裙內(nèi)有開發(fā)工具，很多干貨和技術(shù)資料分享！

盡管Web前端入門簡(jiǎn)單，但精通不易，想要成為企業(yè)急需的人才，你不僅要遵守各種代碼規(guī)范，更重要的是要具備滿足企業(yè)需求的技術(shù)。