在網(wǎng)站建設(shè)中,對(duì)網(wǎng)頁(yè)的切圖是很重要的一環(huán),網(wǎng)頁(yè)切圖越規(guī)范,越有利于后臺(tái)人員的添加功能和前端后期優(yōu)化,輸出高質(zhì)量的文檔。網(wǎng)站制作規(guī)范一般只要符合web標(biāo)準(zhǔn),語(yǔ)義化html,結(jié)構(gòu)表現(xiàn)行為分離,兼容性優(yōu)良,代碼簡(jiǎn)潔明了有序,盡可能減少服務(wù)器的承載能力,以保證最快的解析速度。
規(guī)范一,文件規(guī)范。
1、html,css,js,images均歸檔至系統(tǒng)開(kāi)發(fā)目錄中。
2、Html文件命名為英文命名,后綴為.htm。同時(shí)將對(duì)應(yīng)界面放入同一目錄中,如果命名稿為中文,就需要重新命名與htm同文件。以便后端添加和功能查找。
3、CSS,js命名也是如此。
規(guī)范二,書(shū)寫(xiě)規(guī)范。1、文檔類型聲明以及編碼,同一為
html5聲明類型,編碼統(tǒng)一,書(shū)寫(xiě)時(shí)利用IDE實(shí)現(xiàn)層次分明的縮進(jìn)。
2、非特殊情況下,javascript文件必須鏈接到頁(yè)面底部。
3、引入樣式文件或者javascript文件時(shí),需要略去默認(rèn)聲明。
4、引入JS庫(kù)文件,文件名必須包含庫(kù)名稱,以及版本是否為壓縮版。
5、所有的編碼都需遵循xhtml標(biāo)準(zhǔn),標(biāo)簽&屬性&屬性命名必須由小寫(xiě)字母或者下劃線組成。且所有的標(biāo)簽必須閉合,屬性值必須用雙括號(hào)包括。
6、充分利用無(wú)兼容的html自身標(biāo)簽,比如span,strong等,在html添加自定義的時(shí)候,要考慮有沒(méi)有默認(rèn)的合適的標(biāo)簽去設(shè)置,如果沒(méi)有,可以使用“data-”為前綴來(lái)添加自定義屬性。避免使用“data:”等形式。
7、能以背景的形式呈現(xiàn)的圖片,盡量寫(xiě)入css樣式中。
8、重要的圖片必須加Alt屬性,給重要的元素和截?cái)嗟脑丶疫€是那個(gè)title。
9、給區(qū)塊代碼和重要功能增加上注釋,方便后臺(tái)添加功能。
規(guī)范三、CSS書(shū)寫(xiě)規(guī)范。1、編碼中文站同一為gb2312,英文網(wǎng)站統(tǒng)一為utf-8.
2、協(xié)作開(kāi)發(fā)以及分工,i會(huì)根據(jù)各個(gè)模塊,同時(shí)根據(jù)頁(yè)面程序,事先寫(xiě)好大體框架文件,分配給前端人員。
3、書(shū)寫(xiě)代碼前,考慮并提高樣式重復(fù)使用率。
4、樣式表中中文字體名,請(qǐng)務(wù)必轉(zhuǎn)成unicode碼,以避免編碼錯(cuò)誤時(shí)亂碼。
5、代碼縮進(jìn)與格式,建議單行書(shū)寫(xiě),可更具自身習(xí)慣,后期優(yōu)化i會(huì)統(tǒng)一處理。
規(guī)范四、JS書(shū)寫(xiě)規(guī)范。1、命名語(yǔ)義化,盡可能利用英文單詞或者縮寫(xiě)。
2、在后期優(yōu)化中,JS非注釋類文字符需轉(zhuǎn)換成unicode編碼使用,以避免編碼時(shí)錯(cuò)誤亂碼的使用。
3、代碼結(jié)構(gòu)明了,加適量注釋,提高函數(shù)重用率。
4、注重于html分離,減小reflow,注重性能。
規(guī)范五,圖片規(guī)范。1、所有的頁(yè)面元素類圖片均放入img文件夾,測(cè)試用圖片放入image文件夾。
2、圖片格式僅限于gif,png,jpg.
3、在保證視覺(jué)效果的情況下,選擇最小的圖格式和質(zhì)量,以減少加載時(shí)間。
4、盡量避免使用半透明的png圖片。
5、運(yùn)用CSS sprite技術(shù)集中背景小的圖片,減少頁(yè)面http的請(qǐng)求。
在進(jìn)行
網(wǎng)站建設(shè)時(shí),規(guī)范切圖流程,這對(duì)后期運(yùn)營(yíng)人員的維護(hù)和優(yōu)化十分有利,不管是對(duì)后臺(tái)功能的增加和搜索引擎的抓取都是十分有利的。
新聞標(biāo)題:專業(yè)網(wǎng)站制作切圖規(guī)范都有哪些?
文章鏈接:http://redsoil1982.com.cn/news/134747.html
網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營(yíng)銷seo公司;服務(wù)項(xiàng)目有網(wǎng)站制作等
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源:
創(chuàng)新互聯(lián)