用表格與框架來布局，有何異同、有何優(yōu)缺點？

【專家解說】：已解決問題收藏 轉(zhuǎn)載到QQ空間 誰可以說表格與DIV+CSS的區(qū)別和優(yōu)缺點？ [ 標(biāo)簽：表格 div+css,表格,優(yōu)缺點 ] 表格會被淘汰嗎？ ｛尒ηL.y 回答:5 人氣:5 解決時間:2008-09-26 12:27 檢舉 滿意答案div 與 table 有本質(zhì)的區(qū)別.是block元素 瀏覽器下載的時候呈塊壯下載,在加上css的分離,讓瀏覽器在執(zhí)行前先解釋 css后加載布局,加快了下栽速度.還有就是針對優(yōu)化的問題,table如果超過了3層收索引擎就不再抓取,而div則不會.div+css寫代碼耗費時間長,不熟悉者難控制,考慮很多,特別是css兼容問題.但做出來.美觀度,以及優(yōu)化度都好. css優(yōu)點 Div+CSS標(biāo)準的優(yōu)點: 1.大大縮減頁面代碼，提高頁面瀏覽速度,縮減帶寬成本; 2.結(jié)構(gòu)清晰，容易被搜索引擎搜索到，天生優(yōu)化了seo 3.縮短改版時間。只要簡單的修改幾個CSS文件就可以重新設(shè)計一個有成百上千頁面的站點。 4.強大的字體控制和排版能力。CSS控制字體的能力比糟糕的FONT標(biāo)簽好多了，有了CSS，我們不再需要用FONT標(biāo)簽或者透明的1 px GIF圖片來控制標(biāo)題，改變字體顏色，字體樣式等等。 5.CSS非常容易編寫。你可以象寫html代碼一樣輕松地編寫CSS。 6.提高易用性。使用CSS可以結(jié)構(gòu)化HTML，例如：<p>標(biāo)簽只用來控制段落，heading標(biāo)簽只用來控制標(biāo)題，table標(biāo)簽只用來表現(xiàn)格式化的數(shù)據(jù)等等。你可以增加更多的用戶而不需要建立獨立的版本。 7.可以一次設(shè)計，隨處發(fā)布。你的設(shè)計不僅僅用于web瀏覽器，也可以發(fā)布在其他設(shè)備上，比如PowerPoint。 8.更好的控制頁面布局。不用多說。 9.表現(xiàn)和內(nèi)容相分離。將設(shè)計部分剝離出來放在一個獨立樣式文件中，你可以減少未來網(wǎng)頁無效的可能。 10.更方便搜索引擎的搜索。用只包含結(jié)構(gòu)化內(nèi)容的HTML代替嵌套的標(biāo)簽，搜索引擎將更有效地搜索到你的內(nèi)容，并可能給你一個較高的評價(ranking)。 11.Table 布局靈活性不大，你只能遵循 table tr td 的格式。而div 你可以 div ul li 也可以 ol li 還可以 ul li ……但標(biāo)準語法最好有序的寫。 12.另外如果你不是javascrput的高手，你可以不必去寫ID，只用class就可以。當(dāng)客戶端程序員寫完程序，需要調(diào)整時候，你可以在利用他的ID進行控制。 13.Table 中布局中，垃圾代碼會很多，一些修飾的樣式及布局的代碼混合一起，很不利于直觀。而Div 更能體現(xiàn)樣式和結(jié)構(gòu)相分離，結(jié)構(gòu)的重構(gòu)性強。 14.在幾乎所有的瀏覽器上都可以使用。 15.以前一些非得通過圖片轉(zhuǎn)換實現(xiàn)的功能，現(xiàn)在只要用CSS就可以輕松實現(xiàn)，從而更快地下載頁面。 16.使頁面的字體變得更漂亮，更容易編排，使頁面真正賞心悅目。 17.你可以輕松地控制頁面的布局 。 18.你可以將許多網(wǎng)頁的風(fēng)格格式同時更新，不用再一頁一頁地更新了。你可以將站點上所有的網(wǎng)頁風(fēng)格都使用一個CSS文件進行控制，只要修改這個CSS文件中相應(yīng)的行，那么整個站點的所有頁面都會隨之發(fā)生變動。 表格不會被淘汰 它也有DIV所不能取代的效果 方便快速的布局 只要不是經(jīng)常改動的小部分就可以用表格 建議DIV與表格一起用 大布局用DIV小地方就用表格 效果會很好