運用html表格和CSS進行混合網頁規劃

　　運用CSS以及XHTML開發網頁程序的優點正日益得到人們的稱頌，但仍有許多 的開發者團體更依賴于運用HTML表格來操控頁面的輸出。讓我們來考慮一下運用HTML表格和運用CSS辦法的各自優點。

　　老辦法未必欠好

　　當我剛開端進行網頁規劃時，我吃驚于HTML表格的強大和彈性。它們能夠被無窮嵌套以到達預期的規劃效果，而原先空白表格無法在瀏覽器中正確顯示的問題則能夠經過空白GIF圖 片予以批改?？墒荋TML和表格背后的意義并不在于外觀。

　　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的輸出布 局功用沒有得到廣泛支撐時。