南京中脈科技網(wǎng)站開(kāi)發(fā)技術(shù)標(biāo)準(zhǔn)規(guī)范樣本

1、南京中脈科技第1頁(yè)共5頁(yè)南京中脈科技網(wǎng)站開(kāi)發(fā)技術(shù)標(biāo)準(zhǔn)南京中脈科技網(wǎng)站開(kāi)發(fā)技術(shù)標(biāo)準(zhǔn)一網(wǎng)站技術(shù)架構(gòu)一網(wǎng)站技術(shù)架構(gòu)前端：前端：HTML45、JAVRIPT、CSS23后端：后端：PHP5.2.17（具體主要以PHPCMSV9為標(biāo)準(zhǔn)）webweb服務(wù)器：服務(wù)器：WindowsServer或者Linux、ApacheNginx、MYSQL5.0、PHP5.2.17二二網(wǎng)站技術(shù)規(guī)范網(wǎng)站技術(shù)規(guī)范前端開(kāi)發(fā)規(guī)范（前端開(kāi)發(fā)規(guī)范（seoseo）1規(guī)范目的規(guī)范

2、目的友好搜索引擎，使頁(yè)面更容易收錄，提高權(quán)重，便于后臺(tái)人員添加功能及前端后期優(yōu)化維護(hù)，輸出高質(zhì)量的文檔，同時(shí)為網(wǎng)站有一個(gè)更好的前端架構(gòu)，網(wǎng)站的發(fā)展及未來(lái)打好一個(gè)基礎(chǔ)。2基本準(zhǔn)則基本準(zhǔn)則2.1、符合web標(biāo)準(zhǔn)語(yǔ)義化html結(jié)構(gòu)表現(xiàn)行為分離兼容性優(yōu)良.2.2、頁(yè)面性能方面代碼要求簡(jiǎn)潔明了有序盡可能的減小服務(wù)器負(fù)載保證最快的解析速度.3文件規(guī)范文件規(guī)范3.1、htmlcssjsimages文件均歸檔至約定的目錄中3.2、html文件命名:命名

3、以中文命名，依實(shí)際模塊命名，如果同一模塊以_編碼統(tǒng)一為。目的:統(tǒng)一性和網(wǎng)站提高開(kāi)發(fā)合作效率。4.2、非特殊情況下樣式文件必須外鏈至…之間非特殊情況下Javript文件必須外鏈至頁(yè)面底部之前目的:網(wǎng)站的優(yōu)化。南京中脈科技第3頁(yè)共5頁(yè)5.5、避免濫用自選擇器。#testspan和#test.span盡量選擇后者。采用繼承屬性還是新加class根據(jù)不同情況靈活運(yùn)用。新加class便于擴(kuò)展維護(hù)。5.6、樣式表中中文字體名請(qǐng)務(wù)必轉(zhuǎn)碼成unicod

4、e碼以避免編碼錯(cuò)誤時(shí)亂碼5.7、使用table標(biāo)簽時(shí)請(qǐng)不要用widthheightcellspacingcellpadding等table屬性直接定義表現(xiàn)應(yīng)盡可能的利用table自身私有屬性分離結(jié)構(gòu)與表現(xiàn)如theadtrthtdtbodytfootcolgroupscope(cellspaing及cellpadding的css控制方法:tablebder:0margin:0bdercollapse:collapsetablethtabl

5、etdpadding:0base.css文件中我會(huì)初始化表格樣式)5.8、盡量不使用兼容ie8和代碼html寫法。5.9、用png圖片做圖片時(shí)要求圖片格式為png8格式若png8實(shí)在影響圖片質(zhì)量或其中有半透明效果請(qǐng)參考文檔《IE6下png透明問(wèn)題解決的最佳方案》5.10、兼容性屬性的使用比如textshadow（文字陰影）、css3的相關(guān)屬性在保證目前主流瀏覽器使用正常的情況下可以使用來(lái)對(duì)頁(yè)面進(jìn)行錦上添花式的設(shè)計(jì)。5.11、減少使用影響

6、性能的屬性比如position:absolute||float5.12、必須為大區(qū)塊樣式添加注釋小區(qū)塊適量注釋5.13、代碼縮進(jìn)與格式:單行書寫統(tǒng)一使用tab進(jìn)行縮進(jìn)。6JavriptJavript書寫規(guī)范書寫規(guī)范6.1、文件編碼統(tǒng)一為utf8書寫過(guò)程過(guò)每行代碼結(jié)束必須有分號(hào)要檢查網(wǎng)上down下來(lái)的代碼造成的代碼污染(沉冗沖突，代碼注入…)等，有的可以firefox的一些擴(kuò)展插件分析6.2、庫(kù)引入:原則上僅引入jQuery庫(kù)若需引入第三

7、方庫(kù)須與團(tuán)隊(duì)其他人員討論決定6.3、命名語(yǔ)義化盡可能利用英文單詞或其縮寫6.4、代碼結(jié)構(gòu)明了加適量注釋.提高函數(shù)重用率6.5、注重與html分離減小reflow注重性能.7圖片規(guī)范圖片規(guī)范7.1、所有頁(yè)面元素類圖片均放入img文件夾7.2、圖片格式僅限于gif||png||jpg7.3、命名全部用小寫英文字母||數(shù)字||_的組合，其中不得包含漢字||空格||特殊字符；盡量用易懂的詞匯便于團(tuán)隊(duì)其他成員理解另命名分頭尾兩部分用下劃線隔開(kāi)比如