子標題：實現乾淨代碼的12條定律 - 1
原文：smashingmagazine.com/2008/11/12/12-principles-for-keeping-your-code-clean/
譯者：dudo
漂亮的代碼是漂亮網站的基礎，優秀的 CSS 只存在與同樣優秀的 HTML 之上，乾淨的，語義的 HTML 代碼讓一個網站更健壯。本文講述了12個實現乾淨 Web 設計代碼的定律，適合於任何從事 Web 設計的人。
1. Strict DOCTYPE 要做就做對的。不管是 HTML 4.01 還是 XHTML 1.0，它們都提供 Strict 模式，使用 Strict 模式可以保證我們的代碼不隱藏任何錯誤。
參考資料:
* W3C: Recommended DTDs to use in your Web document
* Fix Your Site With the Right DOCTYPE!
* No more Transitional DOCTYPEs, please
2. 字符集聲明，特殊字符進行編碼處理
字符集聲明應當放在 <head> 部分的最前面，以便讓瀏覽器知道如何顯示網頁中的所有內容，包括標題。另外，一些特殊字符，如 & 最好用 & 代替，這是一種最安全的方法。
* Wikipedia: UTF-8
* A tutorial on character code issues
* The Extended ASCII table
3. 恰當的鎖進
縮進不會影響網頁的渲染，但會明顯改善閱讀源代碼時的體驗。縮進沒有特定的規則，但始終保持一致是個好習慣。
參考資料:
* Clean up your Web pages with HTML TIDY
4. 將 CSS 和 JavaScript 放在外部文件中
將 CSS 和 JavaScript 放在外部文件中引用，不僅減低單個網頁的尺寸，而且意味著其它網頁也可以共用這些代碼，另外，瀏覽器的緩存機制可以很好地降低對相同代碼的重複下載。
5. 正確地嵌套 Tag 標籤
如下圖，第一行代碼中，<h1>標籤嵌套在 <a>標籤中，盡管多數瀏覽器會正確渲染，但這不是好的習慣， <h1>標籤是 block 對象，而<a>是 inline 對象，inline 對象不應該容納 block 對象。
6. 消除不必要的 <div>
<div> 常被濫用，人們希望把任何東西都放在 <div> 中以便為它們分配 CSS 式樣，這種濫用會導致的臃腫。
參考資料:
* Divitis: what it is, and how to cure it.
實現乾淨代碼的12條定律
