漂亮的程式碼是漂亮網站的基礎，優秀的CSS 只存在與同樣優秀的HTML 之上，乾淨的，語意的HTML 程式碼讓一個網站更健壯。本文講述了12個實現乾淨Web設計程式碼的定律，適合於任何從事Web設計的人。 1. Strict DOCTYPE 要做就做對的。不管是HTML 4.01 或XHTML 1.0，它們都提供Strict 模式，使用Strict 模式可以確保我們的程式碼不會隱藏任何錯誤。 2. 字元集聲明，特殊字元進行編碼處理 字元集聲明應放在hea> 部分的最前面，以便讓瀏覽器知道如何顯示網頁中的所有內容，包括標題。另外，一些特殊字符，如& 最好用& 代替，這是最安全的方法。 3. 恰當的鎖進 縮排不會影響網頁的渲染，但會明顯改善閱讀原始碼時的體驗。縮排沒有特定的規則，但始終保持一致是個好習慣。 4. 將CSS 和JavaScript 放在外部檔案中 將CSS 和JavaScript 放在外部檔案中引用，不僅減低單一網頁的尺寸，而且意味著其它網頁也可以共用這些程式碼，另外，瀏覽器的快取機制可以很好地降低相同程式碼的重複下載。 5. 正確地嵌套Tag 標籤 如下圖，第一行程式碼中，h1>標籤嵌套在a>標籤中，儘管多數瀏覽器會正確渲染，但這不是好的習慣， 標籤是block 對象，而是inline 對象，inline 物件不應該容納block 物件。 6. 消除不必要的div div常被濫用（尤其在我們現在所處的DIV+CSS 神話中- 譯者），人們希望把任何東西都放在div 中以便為它們分配CSS 式樣，這種濫用會導致的臃腫。 7. 使用更好的命名規則 如下圖，Cat 的CSS 類別被命名為red italic，暗示著Cat 使用紅色斜體，如果你想將Cat 改成蘭色的粗體呢？ 8. 盡量使用CSS 控製文字的排版 如下圖所示，不要直接使用大寫，用CSS 對這些文字排版方面的格式進行控制，這樣會更靈活。 9. 為body 指派獨立的class/id 為body Tag 分配一個獨立的class/id，可以很好地定位頁面中任何對象，因為頁面中所有對像都位於body 中。 10. 驗證 無需多言，你應盡可能對網頁的程式碼進行驗證，儘管有些程式碼錯誤瀏覽器能自動更正，但有些錯誤是會帶來不好的後果的，尤其當你位於Strict 模式下。即使什麼都不為，看到那個綠色的W3C 驗證標誌至少可以讓自己舒服一點。 W3C 驗證是否通過不一定要什麼拘泥，Web 設計中存在更多的考量，只拘泥W3C 驗證結果，可能影響一些更重要的因素，比如，IE6 在W3C 標準方面存在不少BUG，如果你為了100 %透過W3C 驗證而宣布自己的網站不支持IE6，至少在國內會得不償失的- 譯者 11. 合理的結構次序 將網頁結構保持一個合乎邏輯的順序。 12. 盡你所能 如果你從零開始寫，保持以上的原則當然要容易的多，如果要修改舊的程式碼，將會很痛苦，一些CMS 系統拙劣的編碼會讓你陷入泥沼，或者你的網站規模宏大要改動的東西太多，不管怎樣，始終保持良好的習慣非常重要。