CSS開發(fā):合理的編碼與組織技巧_Web標(biāo)準(zhǔn)教程
CSS代碼更清晰高效的一些經(jīng)驗(yàn)是許多網(wǎng)頁(yè)制作者與開發(fā)者都關(guān)心的問題。但是大概沒有什么魔法,可以保證一下就把你的樣式表縮小到百分之多少,合理的CSS 編碼與組織技巧,的確能夠幫助你的更有效率地寫出更清晰高效的代碼,自然CSS樣式表大小的縮減還能減少下載的時(shí)間。
一、排版:
1、關(guān)鍵詞和操作符之間加適當(dāng)?shù)目崭瘛?
2、相對(duì)獨(dú)立的程序塊與塊之間加空行
3、較長(zhǎng)的語(yǔ)句、表達(dá)式等要分成多行書寫。
4、劃分出的新行要進(jìn)行適應(yīng)的縮進(jìn),使排版整齊,語(yǔ)句可讀。
5、長(zhǎng)表達(dá)式要在低優(yōu)先級(jí)操作符處劃分新行,操作符放在新行之首。
6、循環(huán)、判斷等語(yǔ)句中若有較長(zhǎng)的表達(dá)式或語(yǔ)句,則要進(jìn)行適應(yīng)的劃分。
7、若函數(shù)或過程中的參數(shù)較長(zhǎng),則要進(jìn)行適當(dāng)?shù)膭澐帧?
8、不允許把多個(gè)短語(yǔ)句寫在一行中,即一行只寫一條語(yǔ)句。
9、函數(shù)或過程的開始、結(jié)構(gòu)的定義及循環(huán)、判斷等語(yǔ)句中的代碼都要采用縮進(jìn)風(fēng)格。
10、C/C++語(yǔ)言是用大括號(hào)‘{’和‘}’界定一段程序塊的,編寫程序塊時(shí)‘{’和‘}’應(yīng)各獨(dú)占一行并且位于同一列,同時(shí)與引用它們的語(yǔ)句左 對(duì)齊。在函數(shù)體的開始、類的定義、結(jié)構(gòu)的定義、枚舉的定義以及if、for、do、while、switch、case語(yǔ)句中的程序都要采用如上的縮進(jìn)方 式。
二、注釋
1、注釋要簡(jiǎn)單明了。
2、邊寫代碼邊注釋,修改代碼同時(shí)修改相應(yīng)的注釋,以保證注釋與代碼的一致性。
3、在必要的地方注釋,注釋量要適中。注釋的內(nèi)容要清楚、明了,含義準(zhǔn)確,防止注釋二義性。保持注釋與其描述的代碼相鄰,即注釋的就近原則。
4、對(duì)代碼的注釋應(yīng)放在其上方相鄰位置,不可放在下面。
5、對(duì)數(shù)據(jù)結(jié)構(gòu)的注釋應(yīng)放在其上方相鄰位置,不可放在下面;對(duì)結(jié)構(gòu)中的每個(gè)域的注釋應(yīng)放在此域的右方;同一結(jié)構(gòu)中不同域的注釋要對(duì)齊。
6、變量、常量的注釋應(yīng)放在其上方相鄰位置或右方。
7、全局變量要有較詳細(xì)的注釋,包括對(duì)其功能、取值范圍、哪些函數(shù)或過程存取它以及存取時(shí)注意事項(xiàng)等的說明。
8、在每個(gè)源文件的頭部要有必要的注釋信息,包括:文件名;版本號(hào);作者;生成日期;模塊功能描述(如功能、主要算法、內(nèi)部各部分之間的關(guān)系、該文件與其它文件關(guān)系等);主要函數(shù)或過程清單及本文件歷史修改記錄等。
9、在每個(gè)函數(shù)或過程的前面要有必要的注釋信息,包括:函數(shù)或過程名稱;功能描述;輸入、輸出及返回值說明;調(diào)用關(guān)系及被調(diào)用關(guān)系說明等。
- Web標(biāo)準(zhǔn):需要正確的使用H1~ H6標(biāo)簽
- 五個(gè)WEB標(biāo)準(zhǔn)中必須注意的地方
- 做到結(jié)構(gòu)(XHTML),表現(xiàn)(CSS),行為(JavaScript)的分離
- CSS標(biāo)準(zhǔn):HTML標(biāo)簽元素的關(guān)閉
- Web標(biāo)準(zhǔn)之路 勿使用W3C廢棄的元素
- CSS布局 聲明文檔類型描述(DTD)
- DIV CSS\讓搜索引擎蜘蛛不再累
- 用XHTML+CSS創(chuàng)建基于Web標(biāo)準(zhǔn)的網(wǎng)頁(yè)
- XHTML+CSS創(chuàng)建基于Web標(biāo)準(zhǔn)的網(wǎng)站
- DIV+CSS對(duì)SEO的幫助
- 淺析什么是Web標(biāo)準(zhǔn) 及其前景
- CSSer新手寄語(yǔ):開始標(biāo)準(zhǔn)之路
Web標(biāo)準(zhǔn)教程Rss訂閱Div+Css教程搜索
Web標(biāo)準(zhǔn)教程推薦
- Css:制作一個(gè)更漂亮一些的多選列表框
- 新手如何系統(tǒng)的學(xué)習(xí)Web標(biāo)準(zhǔn)?
- 用CSS使圖片自適應(yīng)顯示寬度
- DIV+CSS設(shè)計(jì)實(shí)例:透明的導(dǎo)航菜單
- XHTML+CSS創(chuàng)建基于Web標(biāo)準(zhǔn)的網(wǎng)站
- Web標(biāo)準(zhǔn):清清楚楚的明白Web標(biāo)準(zhǔn)的價(jià)值!
- CSS調(diào)試必備:IE7與IE8共存!
- Web標(biāo)準(zhǔn)之路 勿使用W3C廢棄的元素
- 教你制作GBK與Unicode的對(duì)照表
- CSS+DIV:讓文本字符環(huán)繞在你的圖片周圍
猜你也喜歡看這些
- XHTML1.0、XHTML Basic、XHTML1.1及XHTML2.0區(qū)別
- CSS實(shí)例:區(qū)分IE6、IE7、FF對(duì)HR解釋的CSShack
- css網(wǎng)頁(yè)布局兼容性有哪些要點(diǎn)與訣竅?
- 用!important解決IE和Mozilla的布局差別
- CSS的BUG:IE6中一個(gè)奇怪的現(xiàn)象!
- CSS實(shí)例:list-style-type在IE與FF中奇怪的現(xiàn)象解析
- IE捉迷藏bug詳解(躲貓貓)
- 看懂《CSS hack瀏覽器兼容一覽表》
- 關(guān)于CSS樣式?jīng)_突排序的一個(gè)小試驗(yàn)
- IE、Nascape環(huán)境中CSS的顯示差別
- 相關(guān)鏈接:
- 教程說明:
Web標(biāo)準(zhǔn)教程-CSS開發(fā):合理的編碼與組織技巧
。