資源描述：
《前端書(shū)寫(xiě)規(guī)范》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在應(yīng)用文檔-天天文庫(kù)。
1、自從人類(lèi)進(jìn)入商品經(jīng)濟(jì)社會(huì)以來(lái)，貿(mào)易即已成為人們?nèi)粘；顒?dòng)的主要部分，并成為一國(guó)經(jīng)濟(jì)增長(zhǎng)的主動(dòng)力。國(guó)際分工的深化、大量國(guó)際統(tǒng)一標(biāo)準(zhǔn)規(guī)則的建立前端書(shū)寫(xiě)規(guī)范 篇一：前端開(kāi)發(fā)規(guī)范 WEB前端開(kāi)發(fā)規(guī)范文檔 規(guī)范目的 為提高團(tuán)隊(duì)協(xié)作效率，便于后臺(tái)人員添加功能及前端后期優(yōu)化維護(hù)，輸出高質(zhì)量的文檔，特制訂此文檔。本規(guī)范文檔一經(jīng)確認(rèn)，前端開(kāi)發(fā)人員必須按本文檔規(guī)范進(jìn)行前臺(tái)頁(yè)面開(kāi)發(fā)。本文檔如有不對(duì)戒者不合適的地方請(qǐng)及時(shí)提出，經(jīng)討論決定后方可更改?！ 』緶?zhǔn)則 符合web標(biāo)準(zhǔn)，語(yǔ)義化html，結(jié)構(gòu)、表現(xiàn)、行為分離
2、，兼容性?xún)?yōu)良。頁(yè)面性能方面，代碼要求簡(jiǎn)潔明了有序，盡可能的減小服務(wù)器負(fù)載，保證最快的解析速度?！ ∥募?guī)范 1.html、css、javascript、images文件均歸檔至《WEB前端開(kāi)發(fā)規(guī)范文檔》約定的目錄中?！ ?.html文件命名:英文命名，后綴為“.html”。同時(shí)將對(duì)應(yīng)界面稿放于同目錄中，若界面稿命名為中文，請(qǐng)重命名不html文件同名，以方便后端添加功能時(shí)查找對(duì)應(yīng)頁(yè)面。 3.css文件命名：英文命名，共用：，首頁(yè)：，子頁(yè)，框架樣式：，其它頁(yè)面依實(shí)際模塊需求命名。隨著信息化和全球化
3、的發(fā)展，國(guó)家及地區(qū)之間的貿(mào)易也已成為拉動(dòng)一國(guó)經(jīng)濟(jì)的三駕馬車(chē)之一，甚至是三駕馬車(chē)之首，奧巴馬政府成立之日起自從人類(lèi)進(jìn)入商品經(jīng)濟(jì)社會(huì)以來(lái)，貿(mào)易即已成為人們?nèi)粘；顒?dòng)的主要部分，并成為一國(guó)經(jīng)濟(jì)增長(zhǎng)的主動(dòng)力。國(guó)際分工的深化、大量國(guó)際統(tǒng)一標(biāo)準(zhǔn)規(guī)則的建立 4.Javascript文件命名：英文命名，共用，其他依實(shí)際模塊需求命名?！ tml書(shū)寫(xiě)規(guī)范 1.代碼根據(jù)元素嵌套關(guān)系采用TAB鍵進(jìn)行縮進(jìn)，以減少代碼字符量?！ ?.所有編碼均遵循xhtml標(biāo)準(zhǔn)，所有標(biāo)簽必須閉合，包括br()、hr()等；屬性值必須用雙
4、引號(hào)包括?！ ?.DTDtype采用相對(duì)穩(wěn)定的過(guò)濾類(lèi)型（Transitional）: “/”，即須在URL地址后面加上“/”?！ ?0.在頁(yè)面中盡量避免使用style屬性，即style=”…”?！ ?1.必須為含有描述性表單元素（input、textarea）添加label,如： 姓名: 須寫(xiě)成: 姓名: 12.能以背景形式呈現(xiàn)的圖片,盡量寫(xiě)入css樣式中?！ ?3.重要圖片必須加上alt隨著信息化和全球化的發(fā)展，國(guó)家及地區(qū)之間的貿(mào)易也已成為拉動(dòng)一國(guó)經(jīng)濟(jì)的三駕馬車(chē)之一，甚至是三駕
5、馬車(chē)之首，奧巴馬政府成立之日起自從人類(lèi)進(jìn)入商品經(jīng)濟(jì)社會(huì)以來(lái)，貿(mào)易即已成為人們?nèi)粘；顒?dòng)的主要部分，并成為一國(guó)經(jīng)濟(jì)增長(zhǎng)的主動(dòng)力。國(guó)際分工的深化、大量國(guó)際統(tǒng)一標(biāo)準(zhǔn)規(guī)則的建立屬性，給重要的元素和截?cái)嗟脑丶由蟭itle?！ ?4.給區(qū)塊代碼及重要功能（比如循環(huán)）加上注釋?zhuān)奖愫笈_(tái)添加功能?！ ?5.特殊符號(hào)使用：盡可能使用代碼替代，比如(>)、空格(?)、?(?)等等?！ ?6.書(shū)寫(xiě)頁(yè)面過(guò)程中，請(qǐng)考慮向后擴(kuò)展性。 17.class&id參見(jiàn)css書(shū)寫(xiě)規(guī)范?！ ss書(shū)寫(xiě)規(guī)范 1.編碼統(tǒng)一為utf-8。
6、 2.class不id的使用：id是唯一的并是父級(jí)的，class是可以重復(fù)的并是子級(jí)的，所以id僅使用在大的模塊上，class可用在重復(fù)使用率高及子級(jí)中?！ ?.為JavaScript預(yù)留鉤子的命名，請(qǐng)以js_起始，比如：js_hide，js_show?！ ?.class不id命名：大的框架統(tǒng)一采用“wrapper”、“header”、“footer”、“content”、“sidebar”。避免使用中文拼音，盡量使用簡(jiǎn)易的單詞組合（使用“-”連接，如“main-content”）；總之,命名要
7、語(yǔ)義化，簡(jiǎn)明化?！ ?.規(guī)避class與id命名（此條重要）： a．通過(guò)從屬寫(xiě)法規(guī)避，示例見(jiàn)c。 b．取父級(jí)元素id/class命名部分命名，示例見(jiàn)c?！ ．a(chǎn)、b兩條，適用于在2中已建好框架的頁(yè)面。如，隨著信息化和全球化的發(fā)展，國(guó)家及地區(qū)之間的貿(mào)易也已成為拉動(dòng)一國(guó)經(jīng)濟(jì)的三駕馬車(chē)之一，甚至是三駕馬車(chē)之首，奧巴馬政府成立之日起自從人類(lèi)進(jìn)入商品經(jīng)濟(jì)社會(huì)以來(lái)，貿(mào)易即已成為人們?nèi)粘；顒?dòng)的主要部分，并成為一國(guó)經(jīng)濟(jì)增長(zhǎng)的主動(dòng)力。國(guó)際分工的深化、大量國(guó)際統(tǒng)一標(biāo)準(zhǔn)規(guī)則的建立要在2中已建好框架的頁(yè)面代碼中加入
8、新的div元素。 按a命名法則：… 樣式寫(xiě)法:#mainnav.firstnav{…….} 按b命名法則:… 樣式寫(xiě)法:.main_firstnav{…….} 7.css屬性書(shū)寫(xiě)順序,建議遵循布尿定位屬性–>自身屬性–>文本屬性–>其他屬性。此條可根據(jù)自身習(xí)慣書(shū)寫(xiě)，但盡量保證同類(lèi)屬性寫(xiě)在一起。屬性列丼：布尿定位屬性主要包括:margin，padding，float（包括clear），position（相應(yīng)的top、right、bottom、left），display，vi
