子標題：實現乾淨代碼的12條定律 - 2
7. 使用更好的命名規則
如下圖，Cat 的 CSS 類被命名為 red italic，暗示著 Cat 使用紅色斜體，如果你想將 Cat 改成藍色的粗體呢？
8. 盡量使用 CSS 控制文字的排版
如下圖所示，不要直接使用大寫，用 CSS 對這些文字排版方面的格式進行控制，這樣會更靈活。
9. 為 <body> 分配獨立的 class/id
為 body Tag 分配一個獨立的 class/id，可以很好地定位頁面中任何對象，因為頁面中所有對象都位於 body 中。
參考資料:
* ID Your Body For Greater CSS Control and Specificity
* Case study: Re-using styles with a body class
10. 驗證
無需多言，你應當盡可能對網頁的代碼進行驗證，盡管有些代碼錯誤瀏覽器能自動更正，但有些錯誤是會帶來不好的後果的，尤其當你位於 Strict 模式下。即使什麼都不為，看到那個綠色的 W3C 驗證標誌至少可以讓自己舒服一些。
參考資料:
* The W3C Markup Validation Service
* XHTML-CSS Validator
* Free Site Validator (checks entire site, not just one page)
11. 合理的結構次序
將網頁結構保持一個合乎邏輯的次序
12. 盡你所能
如果你從零開始寫，保持以上的原則當然要容易的多，如果要修改舊的代碼，將會很痛苦，一些 CMS 系統拙劣的編碼會讓你陷入泥沼，或者你的網站規模宏大要改動的東西太多，不管怎樣，始終保持良好的習慣非常重要。
如下圖，Cat 的 CSS 類被命名為 red italic，暗示著 Cat 使用紅色斜體，如果你想將 Cat 改成藍色的粗體呢？
8. 盡量使用 CSS 控制文字的排版
如下圖所示，不要直接使用大寫，用 CSS 對這些文字排版方面的格式進行控制，這樣會更靈活。
9. 為 <body> 分配獨立的 class/id
為 body Tag 分配一個獨立的 class/id，可以很好地定位頁面中任何對象，因為頁面中所有對象都位於 body 中。
參考資料:
* ID Your Body For Greater CSS Control and Specificity
* Case study: Re-using styles with a body class
10. 驗證
無需多言，你應當盡可能對網頁的代碼進行驗證，盡管有些代碼錯誤瀏覽器能自動更正，但有些錯誤是會帶來不好的後果的，尤其當你位於 Strict 模式下。即使什麼都不為，看到那個綠色的 W3C 驗證標誌至少可以讓自己舒服一些。
參考資料:
* The W3C Markup Validation Service
* XHTML-CSS Validator
* Free Site Validator (checks entire site, not just one page)
11. 合理的結構次序
將網頁結構保持一個合乎邏輯的次序
12. 盡你所能
如果你從零開始寫，保持以上的原則當然要容易的多，如果要修改舊的代碼，將會很痛苦，一些 CMS 系統拙劣的編碼會讓你陷入泥沼，或者你的網站規模宏大要改動的東西太多，不管怎樣，始終保持良好的習慣非常重要。
實現乾淨代碼的12條定律
