良好的HTML代碼是一個漂亮網站的基礎。當我教別人CSS的時候, 我總是首先告訴他們: 良好的CSS只存在于良好的HTML標記基礎上。這就好像一間房子需要一個堅固的地基一樣，對不？ 整潔、語義化的HTML標記具有很多的優勢，但卻還是有很多網站使用著并不友好的標記寫法。
讓我們來看一些寫得并不友好的HTML標記, 并針對這些問題進行討論，從而學習如何書寫整潔規范的HTML標記。
武林站長站注: Chris Cyier在這里使用了兩個文檔來進行本文的代碼說明: bad code 和 good code 。大家學習的時候請參考著這兩個文件。
我們要做到這一點，只需要按正確的步驟來做即可. 沒必要去討論是否使用HTML 4.01或 XHTML 1.0，兩者都對我們書寫正確的代碼提出了嚴格的要求。
但無論如何我們的代碼不應該使用任何Tables表格來進行布局， 所以也就沒必要使用Transitional DOCTYPE.
相關資源:
W3C推薦的 DTDs(文件類型聲明)武林站長站注: 所謂的DTD就是文檔類型聲明，簡單來說，就是對特定文檔所定義的一些規則，這些規則包括一系列的元素和實體的聲明。XHTML文檔類型有三種: STRICT（嚴格類型）, TRANSITIONAL（過渡類型）和 FRAMESET（框架類型）。目前，我們使用最多的是TRANSITIONAL，比如本站目前也是使用 XHTML 1.0 TRANSITIONAL。如果你的HTML代碼書寫的還算良好，那把現有的TRANSITIONAL 轉為STRICT還是比較方便的。反之，也不用太急著轉，個人覺得，STRICT更嚴謹，但用TRANSITIONAL也并沒有太大影響。
在我們的 <head> 部份, 第一件事情就是聲明字符集. 我們使用了UTF-8, 但是把它放到了 <title>后面. 讓我們把字符集聲明移動到最上面，因為我們要讓瀏覽器在閱讀任何內容之前就應該知道以何種字符集來進行處理。
除了字符集聲明的位置外，<title>中出現的奇怪字符也是需要注意的問題，比如最常用的”&“字符，我們應該使用字符實體”&“來替換它。
相關資源:
Wikipedia: UTF-8 A tutorial on character code issues The Extended ASCII table在書寫代碼的時候，縮進并不會影響網頁的外觀，但使用適當的縮進能使代碼更具可讀性，標準的縮進方法是當你開始一個新的元素時縮進一個Tab位（或幾個空格）。另外，記得，關閉元素的標簽與開始標簽對齊。
新聞熱點
疑難解答
圖片精選
