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