我們大部分的設計師依舊在采用傳統的表格布局、表現與結構混雜在一起的方式來建立網站。學習使用XHTML+CSS的方法需要一個過程，使現有網站符合網站標準也不可能一步到位。好的方法是循序漸進，分階段來逐步達到完全符合網站標準的目標。如果你是新手，或者對代碼不是很熟悉，也可以采用遵循標準的編輯工具，例如Dreamweaver MX 2004，它是目前支持CSS標準完善的工具。

      1．初級改善
      為頁面添加正確的DOCTYPE 
      很多設計師和開發者都不知道什么是DOCTYPE，DOCTYPE有什么用。DOCTYPE是document type的簡寫。主要用來說明你用的XHTML或者HTML是什么版本。瀏覽器根據你DOCTYPE定義的DTD(文檔類型定義)來解釋頁面代碼。所以，如果你不注意設置了錯誤的DOCTYPE，結果會讓你大吃一驚。XHTML1.0提供了三種DOCTYPE可選擇：

      (1)過渡型（Transitional ）

       
      (2)嚴格型（Strict ）

       
      (3)框架型（Frameset ）

     
對于我們初級改善來說，只要選用過渡型的聲明就可以了。它依然可以兼容你的表格布局、表現標識等，不至于讓你覺得變化太大，難以掌握。

      Tip:你懶得輸入上面過渡型代碼的話，可以訪問http://www.macromedia.com/網站的首頁，然后查看源代碼，把head區同樣的代碼拷貝粘貼就可以了。

      設定一個名字空間（Namespace） 
      直接在DOCTYPE聲明后面添加如下代碼：

       
      一個namespace是收集元素類型和屬性名字的一個詳細的DTD，namespace聲明允許你通過一個在線地址指向來識別你的namespace。只要照樣輸入代碼就可以。

      聲明你的編碼語言 
      為了被瀏覽器正確解釋和通過標識校驗，所有的XHTML文檔都必須聲明它們所使用的編碼語言。代碼如下：

     
這里聲明的編碼語言是簡體中文GB2312，你如果需要制作繁體內容，可以定義為BIG5。

      用小寫字母書寫所有的標簽 
      XML對大小寫是敏感的，所以，XHTML也是大小寫有區別的。所有的XHTML元素和屬性的名字都必須使用小寫。否則你的文檔將被W3C校驗認為是無效的。例如下面的代碼是不正確的：

       
      正確的寫法是：

      同樣的，

改成

，改成等等。這步轉換很簡單。
為圖片添加 alt 屬性 
      為所有圖片添加alt屬性。alt屬性指定了當圖片不能顯示的時候就顯示供替換文本，這樣做對正常用戶可有可無，但對純文本瀏覽器和使用屏幕閱讀機的用戶來說是至關重要的。只有添加了alt屬性，代碼才會被W3C正確性校驗通過。注意的是我們要添加有意義的alt屬性，象下面這樣的寫法毫無意義：