在使用XHTML CSS制作標準化的界面原型的時候，我覺得需要把握兩個原則：

　　1.良好的語義化的結構描述

　　2.結合CSS，實現最大限度的表現與數據相分離

　　這兩個要素其實也是WEB標準化的意義所在，常看到一些制作師只為實現而實現，思路還是在沿襲Table時代的思路，這已經背棄了WEB標準化的原則。

　　一個有著良好的語義化描述的結構，應該就是一個結構良好的XML，理想的情況下，除了數據，不應該再出現任何的冗余（當然在XHTML中，完全做到沒有冗余不太可能）。所有的描述應該基于語義，例如結構的劃分，ID的定義，偽類的建立等等。一個良好的結構或許會占用你更多的思考時間，或許也會增加你實現的難度，但它帶來的極強的可讀性和更好的擴展性將讓你獲益匪淺，同時實際上也降低了維護的成本，長遠看，也為跨各種瀏覽終端做了鋪墊。

　　具體舉例來說，假如你在ID定義中使用了“Left”，“Right”諸如此類的詞語，你已經在不知不覺中犯錯誤了，或許某一天你的界面布局會做一個“乾坤大挪移”，那時候“Left”或“Right”的定義還有何意義？同理，“Red”，“Size12” 等等，在語義描述中，應該都屬于杜絕使用的詞語。

　　假如你的界面布局中有一條分隔線，你會怎么做？或許你會使用<div class="line"></div>這樣的寫法，實際上，為基于表現的元素建立標簽是錯誤的，你應該巧妙的將它用于內容所在的容器上，具體實現方法不再闡述。

　　甚至有時候，為了保持一個良好的結構，同時要實現一些比較復雜的交互方式，比如滑動門效果，我們需要將種種復雜的行為都封裝到JavaScript文件中。在界面元素上寫onmouseover等事件是不可取的，因為這樣會破壞良好的語義結構，同時也限制了界面的可擴展性，事實上，你可以很巧妙的將它們統統封裝到JavaScript中去，這并不太難。繁雜的工作總要有人做，那就交給Javascript去做吧，反正它的使命其實就是這樣的。

　　假如你已經建立了一個結構良好的XHTML文檔，為它書寫對應的CSS也不是難事，CSS更多依靠的是技巧，而良好的語義結構是需要你來思考的。

　　本文作者：Richbox