Web規(guī)劃技巧：完成潔凈代碼的12條規(guī)律

美麗的代碼是美麗網(wǎng)站的根底，優(yōu)異的 CSS 只存在與相同優(yōu)異的 HTML 之上，潔凈的，語義的 HTML 代碼讓一個(gè)網(wǎng)站更健壯。本文敘述了12個(gè)完成潔凈 Web 規(guī)劃代碼的規(guī)律，適合于任何從事 Web 規(guī)劃的人。

　　1. Strict DOCTYPE

　　要做就做對(duì)的。不管是 HTML 4.01 仍是 XHTML 1.0，它們都供給 Strict 形式，運(yùn)用 Strict 形式可以確保我們的代碼不隱藏任何過錯(cuò)。

　　2. 字符集聲明，特別字符進(jìn)行編碼處理

　　字符集聲明應(yīng)當(dāng)放在部分的最前面，以便讓瀏覽器知道如何顯現(xiàn)網(wǎng)頁(yè)中的所有內(nèi)容，包括標(biāo)題。別的，一些特別字符，如 & 最好用 & 代替，這是一種最安全的辦法。

　　3. 恰當(dāng)?shù)目s進(jìn)

　　縮進(jìn)不會(huì)影響網(wǎng)頁(yè)的烘托，但會(huì)明顯改善閱覽源代碼時(shí)的體會(huì)�？s進(jìn)沒有特定的規(guī)矩，但一直堅(jiān)持一致是個(gè)好習(xí)慣。

　　4. 將 CSS 和 JavaScript 放在外部文件中

　　將 CSS 和 JavaScript 放在外部文件中引用，不僅減低單個(gè)網(wǎng)頁(yè)的尺度，并且意味著其它網(wǎng)頁(yè)也可以共用這些代碼，別的，瀏覽器的緩存機(jī)制可以很好地降低對(duì)相同代碼的重復(fù)下載。

　　5. 正確地嵌套 Tag 標(biāo)簽

　　榜首行代碼中，標(biāo)簽嵌套在 標(biāo)簽中，盡管多數(shù)瀏覽器會(huì)正確烘托，但這不是好的習(xí)慣， 標(biāo)簽是 block 目標(biāo)，而 是 inline 目標(biāo)，inline 目標(biāo)不應(yīng)該包容 block 目標(biāo)。

　　6. 消除不必要的

　　div常被亂用(尤其在我們現(xiàn)在所在的 DIV+CSS 神話中 - 譯者)，人們希望把任何東西都放在

中以便為它們分配 CSS 款式，這種亂用會(huì)導(dǎo)致的臃腫。

7. 運(yùn)用更好的命名規(guī)矩

　　Cat 的 CSS 類被命名為 red italic，暗示著 Cat 運(yùn)用紅色斜體，假如你想將 Cat 改成蘭色的粗體呢?

　　8. 盡量運(yùn)用 CSS 控制文字的排版

　　不要直接運(yùn)用大寫，用 CSS 對(duì)這些文字排版方面的格局進(jìn)行控制，這樣會(huì)更靈敏。

　　9. 為分配獨(dú)立的 class/id

　　為 body Tag 分配一個(gè)獨(dú)立的 class/id，可以很好地定位頁(yè)面中任何目標(biāo)，因?yàn)轫?yè)面中所有目標(biāo)都坐落 body 中。

　　10. 驗(yàn)證

　　無需多言，你應(yīng)當(dāng)盡可能對(duì)網(wǎng)頁(yè)的代碼進(jìn)行驗(yàn)證，盡管有些代碼過錯(cuò)瀏覽器能主動(dòng)更正，但有些過錯(cuò)是會(huì)帶來欠好的成果的，尤其當(dāng)你坐落 Strict 形式下。即使什么都不為，看到那個(gè)綠色的 W3C 驗(yàn)證標(biāo)志至少可以讓自己舒暢一些。

　　W3C 驗(yàn)證是否經(jīng)過并不一定要什么拘泥，Web 規(guī)劃中存在更多的考量，只拘泥 W3C 驗(yàn)證成果，可能影響一些更重要的要素，比方，IE6 在 W3C 規(guī)范方面存在不少 BUG，假如你為了100%經(jīng)過 W3C 驗(yàn)證而宣布自己的網(wǎng)站不支持 IE6，至少在國(guó)內(nèi)會(huì)得不償失的 - 譯者

　　11. 合理的結(jié)構(gòu)次第

　　將網(wǎng)頁(yè)結(jié)構(gòu)堅(jiān)持一個(gè)合乎邏輯的次第。

　　12. 盡你所能

　　假如你從零開始寫，堅(jiān)持以上的準(zhǔn)則當(dāng)然要容易的多，假如要修改舊的代碼，將會(huì)很苦楚，一些 CMS 系統(tǒng)拙劣的編碼會(huì)讓你墮入泥沼，或者你的網(wǎng)站規(guī)模宏大要改動(dòng)的東西太多，不管怎樣，一直堅(jiān)持良好的習(xí)慣非常重要。