聯(lián)科網(wǎng)站建設(shè)：網(wǎng)站制作基本規(guī)范-客戶疑問解答-醫(yī)院網(wǎng)站建設(shè)|醫(yī)院門戶網(wǎng)站建設(shè)|溫州軟件開發(fā)|小程序開發(fā)|網(wǎng)站建設(shè)制作|商城系統(tǒng)開發(fā)|網(wǎng)絡(luò)營(yíng)銷推廣|溫州市聯(lián)科科技有限公司

聯(lián)科網(wǎng)站建設(shè)：網(wǎng)站制作基本規(guī)范

作者：發(fā)布于：2013-12-11 點(diǎn)擊量：

微信

手機(jī)掃碼查看

網(wǎng)站制作規(guī)范目的

為提高團(tuán)隊(duì)協(xié)作效率，便于后臺(tái)人員添加功能及前端后期優(yōu)化維護(hù)，輸出高質(zhì)量的文檔，特制訂此文檔。本規(guī)范文檔一經(jīng)確認(rèn)，前端開發(fā)人員必須按本文檔規(guī)范進(jìn)行前臺(tái)頁面開發(fā)，本文檔如有不對(duì)或者不合適的地方請(qǐng)及時(shí)提出。經(jīng)討論決定后方可更改。

網(wǎng)站制作基本準(zhǔn)則

符合web標(biāo)準(zhǔn)，語義化html，結(jié)構(gòu)表現(xiàn)行為分離，兼容性優(yōu)良。頁面性能方面，代碼要求簡(jiǎn)潔明了有序，盡可能的減小服務(wù)器負(fù)載，保證最快的解析速度。

網(wǎng)站制作文件規(guī)范

1、html, css, js, images文件均歸檔至<系統(tǒng)開發(fā)規(guī)范>約定的目錄中;

2、html文件命名: 英文命名, 后綴.htm。同時(shí)將對(duì)應(yīng)界面稿放于同目錄中，若界面稿命名為中文，請(qǐng)重命名與html文件同名, 以方便后端添加功能時(shí)查找對(duì)應(yīng)頁面；

3、css文件命名: 英文命名, 后綴.css. 共用style.css，其他頁面依實(shí)際模塊需求命名；

4、 Js文件命名: 英文命名, 后綴.js. 共用common.js, 其他依實(shí)際模塊需求命名.

網(wǎng)站建設(shè)html書寫規(guī)范

1、文檔類型聲明及編碼: 統(tǒng)一為html5聲明類型; 編碼統(tǒng)一為, 書寫時(shí)利用IDE實(shí)現(xiàn)層次分明的縮進(jìn);

2、非特殊情況下樣式文件必須外鏈至...之間;非特殊情況下JavaScript文件必須外鏈至頁面底部;

3、引入樣式文件或JavaScript文件時(shí), 須略去默認(rèn)類型聲明, 寫法如下:

...

4、引入JS庫文件, 文件名須包含庫名稱及版本號(hào)及是否為壓縮版, 比如jquery-1.4.1.min.js; 引入插件, 文件名格式為庫名稱+插件名稱, 比如jQuery.cookie.js;

5、所有編碼均遵循xhtml標(biāo)準(zhǔn), 標(biāo)簽 & 屬性 & 屬性命名必須由小寫字母及下劃線數(shù)字組成, 且所有標(biāo)簽必須閉合, 包括 br, hr等; 屬性值必須用雙引號(hào)包括;

6、充分利用無兼容性問題的html自身標(biāo)簽, 比如span, em, strong, optgroup, label,等等; 需要為html元素添加自定義屬性的時(shí)候, 首先要考慮下有沒有默認(rèn)的已有的合適標(biāo)簽去設(shè)置, 如果沒有, 可以使用須以"data-"為前綴來添加自定義屬性，避免使用"data:"等其他命名方式;

7、語義化html, 如標(biāo)題根據(jù)重要性用h*(同一頁面只能有一個(gè)h1), 段落標(biāo)記用p, 列表用ul, 內(nèi)聯(lián)元素中不可嵌套塊級(jí)元素;

8、在頁面中盡量避免使用style屬性,即style="…";

9、能以背景形式呈現(xiàn)的圖片, 盡量寫入css樣式中;

10、重要圖片必須加上alt屬性; 給重要的元素和截?cái)嗟脑丶由蟭itle;

11、給區(qū)塊代碼及重要功能(比如循環(huán))加上注釋, 方便后臺(tái)添加功能;

12、特殊符號(hào)使用: 盡可能使用代碼替代: 比如 <(<) & >(>) & 空格( ) & »(») 等等;

13、書寫頁面過程中, 請(qǐng)考慮向后擴(kuò)展性;

14、class & id 參見 css書寫規(guī)范.

當(dāng)前位置：網(wǎng)站首頁 > 新聞資訊 > 客戶疑問解答

上一篇：Apache Struts2高危漏洞來襲，你中槍了嗎

下一篇：聯(lián)科網(wǎng)站建設(shè)：網(wǎng)站設(shè)計(jì)有哪些技巧

返回top

“雙十一”七年不“癢”證明移動(dòng)電商依然是發(fā)展趨勢(shì)

中國有句俗語叫七年之癢，指感情走到了第七個(gè)年頭，所有的激情不再，沒有了新鮮感，食之無味，棄之可惜。但是雙十一這個(gè)狂歡購物節(jié)的第七個(gè)年頭卻一點(diǎn)也不癢，從2009年的5200萬元成交開始至今交易... 查看全文
2015-11-28
聯(lián)科科技微商城系統(tǒng)運(yùn)營(yíng)

越來越多的人開始接觸微商城，如何建好一個(gè)微商城是前期工作，如何運(yùn)營(yíng)達(dá)到盈利才是最終的目的。本文并不是教大家微商城盈利的技巧，而是從系統(tǒng)的角度理解如何運(yùn)營(yíng)一個(gè)微商城。首先列出幾大問題：... 查看全文
2015-11-19
O2O平臺(tái)讓懶人模式漸成主流習(xí)慣

近年來，淘點(diǎn)點(diǎn)、百度外賣等外賣O2O平臺(tái)在溫州一路高歌猛進(jìn)，將懶人模式推廣成主流人群的生活習(xí)慣，而除了給不想做飯的懶人提供便利外，鼠標(biāo)加車輪的驅(qū)動(dòng)下，上門美甲、上門洗車、上門洗衣等外賣... 查看全文
2015-11-19
“互聯(lián)網(wǎng) ”企業(yè)的六大核心問題

一、互聯(lián)網(wǎng)+企業(yè)的六大核心問題首先國家在轉(zhuǎn)型、經(jīng)濟(jì)在轉(zhuǎn)型、市場(chǎng)在轉(zhuǎn)型，這一切對(duì)于企業(yè)而言意味著企業(yè)依靠原有傳統(tǒng)大規(guī)模生產(chǎn)、大規(guī)模銷售的的增長(zhǎng)模式來獲取人口紅利的日子難以為繼。其次，無... 查看全文
2015-11-19

免费观看日韩一级片_国产一区二区综合_国产精品污_日本精品一精品二精品三区别在哪_来一水AV@lysav