最近一篇關于楨(Frames)的文章讓我開始考慮網頁設計的當前狀態。不久前公布了許多的網頁標準。使用CSS以及XHTML開發網頁程序的優點正日益得到人們的稱頌，但仍有許多 的開發者團體更依賴于使用HTML表格來控制頁面的輸出。讓我們來考慮一下使用HTML表格和使用CSS方法的各自優點。 
老方法未必不好
當我剛開始進行網頁設計時，我吃驚于HTML表格的強大和彈性。它們可以被無窮嵌套以達到預期的設計效果，而原先空白表格無法在瀏覽器中正確顯示的問題則可以通過空白GIF圖 片予以修正。但是HTML和表格背后的意義并不在于外觀。
HTML表格用于設計呈現表格式的數據。所以，如果你希望數據看起來像在Excel中那樣，那么使用表格就是最佳答案。除了毫不費力的應付這些數據，早年的網頁開發者們迅速發現 了表格還是控制網頁輸出與外觀的絕佳辦法。
將一個網頁設計切割成不同的表格是很簡單的事情，但是要手工編碼完成同樣的輸出可就有些麻煩。另外，網頁設計中無數嵌套的表格在需要改變時就成了令人頭痛的夢魘，好在 類似Frontpage這樣的可視化設計工具還可以助你一臂之力。要展示基于表格的輸出，有個好方法就是使用一個示例。
表格設計可以提供我們期望的設計結果,但是最終的HTML代碼就有點不好理解了。使用表格的一個有利方面是眾多瀏覽器全都支持，包括類似IE 5.0這樣的古老瀏覽器。這一點和基 于CSS的設計明顯不同，但是CSS有一些不同的優點。
突破新的應用
幾年之前，當CSS剛剛成型之時，網頁標準就開始推行了。它的建立基于HTML被設計用于處理網頁內容的事實。這意味著，它不是設計用于處理數據的。CSS繼承了這個設計原理， 允許你很容易的將設計(HTML)和外觀(CSS)區分開來。
首先，CSS是用于處理文本的外觀，比如顏色和字體，不過逐漸成長為支持各種外觀因素。除了簡化文本外觀以及顏色外，CSS還提供了布局功能。基于CSS的輸出設計有個問題就是 瀏覽器的支持。瀏覽器的支持正在慢慢達到期望值，但是古老的瀏覽器永遠也不可能支持。在支持有限的情況下，又有多種不同的工作區和修改版本。
讓我們來看個使用CSS開發的HTML示例，和使用HTML表格的做個對比。在列表B中的HTML源代碼，其瀏覽外觀和使用DIV標記定義頁面主要區域(題頭，菜單，內容和頁腳)的效果完 全相同。另外，菜單區使用了一個未排序的列表。CSS被包含在HTML的“head”部分中。它定義了不同的DIV標記的外觀規則。這包含了色彩和空白。
使用CSS輸出的最終結果是設計更簡單，因為內容將由HTML來控制(沒有了表格，HTML源代碼閱讀起來也簡單多了)，而外觀則簡單的交由CSS來控制。因為對CSS的支持各個瀏覽器 有些差異，所以你必須努力不懈的進行測試，并部署許多的CSS修改以適應已知的瀏覽器差異。至于這些修改(以及如何在老式瀏覽器中工作)，則不在本文的討論范圍之內了。
其他設計方法
HTML表格和CSS并不是控制網頁輸出的唯一方法。你也可以使用Macromedia Flash來提供一個動態接口。不過，你總該另外提供一個HTML/CSS的通道，以服務那些瀏覽器不支持 FLASH的用戶，以及那些不注意FLASH接口的用戶。
是否該采用混合之道?
我最近已經參與了多個項目，采用混合HTML表格和CSS的設計方法。這使得適應當今為數眾多的瀏覽器成為一件容易的事情。我也參與了一個特別的項目，使用純粹的CSS設計，但 這是一個企業內部網程序，由客戶瀏覽器進行控制，所以設計起來比較容易。
在眼下的這種網頁情況下，我推薦混合的設計模式，CSS可用于控制一個頁面中的絕大多數外觀(字體，大小，顏色，等等)，而表格則可以輔助輸出布局——特別在CSS的輸出布 局功能沒有得到廣泛支持時。