運(yùn)用html表格和CSS進(jìn)行混合網(wǎng)頁(yè)規(guī)劃

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

　　老辦法未必欠好

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

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

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

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

　　突破新的運(yùn)用

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

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

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

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

　　其他規(guī)劃辦法

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

　　是否該選用混合之道?

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

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