運用html表格和CSS進行混合網(wǎng)頁規(guī)劃

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

　　老辦法未必欠好

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

　　HTML表格用于規(guī)劃出現(xiàn)表格式的數(shù)據(jù)。所以，如果你期望數(shù)據(jù)看起來像在Excel中那樣，那么運用表格便是最佳答案。除了毫不費力的應付這些數(shù)據(jù)，早年的網(wǎng)頁開發(fā)者們敏捷發(fā)現(xiàn) 了表格仍是操控網(wǎng)頁輸出與外觀的絕佳辦法。

　　將一個網(wǎng)頁規(guī)劃切割成不同的表格是很簡略的事情，可是要手工編碼完結(jié)相同的輸出可就有些麻煩。別的，網(wǎng)頁規(guī)劃中很多嵌套的表格在需要改動時就成了令人頭痛的夢魘，好在 相似Frontpage這樣的可視化規(guī)劃東西還能夠助你一臂之力。要展示根據(jù)表格的輸出，有個好辦法便是運用一個示例。

　　表格規(guī)劃能夠供給我們期望的規(guī)劃結(jié)果,可是終究的HTML代碼就有點欠好理解了。運用表格的一個有利方面是很多瀏覽器全都支撐，包含相似IE 5.0這樣的古老瀏覽器。這一點和基 于CSS的規(guī)劃顯著不同，可是CSS有一些不同的優(yōu)點。

　　突破新的運用

　　幾年之前，當CSS剛剛成型之時，網(wǎng)頁規(guī)范就開端推行了。它的建立根據(jù)HTML被規(guī)劃用于處理網(wǎng)頁內(nèi)容的事實。這意味著，它不是規(guī)劃用于處理數(shù)據(jù)的。CSS繼承了這個規(guī)劃原理， 允許你很簡略的將規(guī)劃(HTML)和外觀(CSS)區(qū)分開來。

　　首先，CSS是用于處理文本的外觀，比如色彩和字體，不過逐步成長為支撐各種外觀要素。除了簡化文本外觀以及色彩外，CSS還供給了布局功用。根據(jù)CSS的輸出規(guī)劃有個問題便是 瀏覽器的支撐。瀏覽器的支撐正在慢慢到達期望值，可是古老的瀏覽器永遠也不可能支撐。在支撐有限的情況下，又有多種不同的作業(yè)區(qū)和修改版別。

　　讓我們來看個運用CSS開發(fā)的HTML示例，和運用HTML表格的做個比照。在列表B中的HTML源代碼，其瀏覽外觀和運用DIV符號界說頁面主要區(qū)域(題頭，菜單，內(nèi)容和頁腳)的效果完 全相同。別的，菜單區(qū)運用了一個未排序的列表。CSS被包含在HTML的“head”部分中。它界說了不同的DIV符號的外觀規(guī)矩。這包含了色彩和空白。

　　運用CSS輸出的終究結(jié)果是規(guī)劃更簡略，因為內(nèi)容將由HTML來操控(沒有了表格，HTML源代碼閱覽起來也簡略多了)，而外觀則簡略的交由CSS來操控。因為對CSS的支撐各個瀏覽器 有些差異，所以你有必要盡力不懈的進行測試，并部署許多的CSS修改以習慣已知的瀏覽器差異。至于這些修改(以及如何在舊式瀏覽器中作業(yè))，則不在本文的討論規(guī)模之內(nèi)了。

　　其他規(guī)劃辦法

　　HTML表格和CSS并不是操控網(wǎng)頁輸出的僅有辦法。你也能夠運用Macromedia Flash來供給一個動態(tài)接口。不過，你總該別的供給一個HTML/CSS的通道，以服務那些瀏覽器不支撐 FLASH的用戶，以及那些不注意FLASH接口的用戶。

　　是否該選用混合之道?

　　我最近現(xiàn)已參加了多個項目，選用混合HTML表格和CSS的規(guī)劃辦法。這使得習慣當今為數(shù)很多的瀏覽器成為一件簡略的事情。我也參加了一個特別的項目，運用純粹的CSS規(guī)劃，但 這是一個企業(yè)內(nèi)部網(wǎng)程序，由客戶瀏覽器進行操控，所以規(guī)劃起來比較簡略。

　　在眼下的這種網(wǎng)頁情況下，我引薦混合的規(guī)劃模式，CSS可用于操控一個頁面中的絕大多數(shù)外觀(字體，大小，色彩，等等)，而表格則能夠輔助輸出布局——特別在CSS的輸出布 局功用沒有得到廣泛支撐時。