歡迎來(lái)到合肥浪訊網(wǎng)絡(luò)科技有限公司官網(wǎng)
  咨詢服務(wù)熱線:400-099-8848

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

發(fā)布時(shí)間:2020-03-17 文章來(lái)源:本站  瀏覽次數(shù):2550

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

  老辦法未必欠好

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

  HTML表格用于規(guī)劃出現(xiàn)表格式的數(shù)據(jù)。所以,如果你期望數(shù)據(jù)看起來(lái)像在Excel中那樣,那么運(yùn)用表格便是最佳答案。除了毫不費(fèi)力的應(yīng)付這些數(shù)據(jù),早年的網(wǎng)頁(yè)開(kāi)發(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ī)范就開(kāi)端推行了。它的建立根據(jù)HTML被規(guī)劃用于處理網(wǎng)頁(yè)內(nèi)容的事實(shí)。這意味著,它不是規(guī)劃用于處理數(shù)據(jù)的。CSS繼承了這個(gè)規(guī)劃原理, 允許你很簡(jiǎn)略的將規(guī)劃(HTML)和外觀(CSS)區(qū)分開(kāi)來(lái)。

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

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

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

  其他規(guī)劃辦法

  HTML表格和CSS并不是操控網(wǎng)頁(yè)輸出的僅有辦法。你也能夠運(yùn)用Macromedia Flash來(lái)供給一個(gè)動(dòng)態(tài)接口。不過(guò),你總該別的供給一個(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ī)劃起來(lái)比較簡(jiǎn)略。

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

上一條:什么樣的網(wǎng)頁(yè)規(guī)劃是合理的...

下一條:為什么代碼保護(hù),重構(gòu)比較...