南京中脈科技網(wǎng)站開發(fā)技術標準規(guī)范樣本

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

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

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

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

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

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

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