- 相關(guān)推薦
DIV+CSS布局和TABLE布局的優(yōu)缺點(diǎn)
TABLE布局是早以前CSS不存在的時(shí)候興起的,是對TABLE標簽的不正規使用,Table標簽就是表格,是用來(lái)顯示數據的,而不是用來(lái)布局網(wǎng)頁(yè)的,雖然它有時(shí)候布局網(wǎng)頁(yè)很簡(jiǎn)單,F在絕大多數的網(wǎng)站都是用DIV+CSS布局。這兩種布局各有各的優(yōu)點(diǎn)。
什么是div+css?
DIV+CSS是網(wǎng)站標準(或稱(chēng)“WEB標準”)中常用術(shù)語(yǔ)之一,div+css 是一種網(wǎng)頁(yè)的布局方法,這一種網(wǎng)頁(yè)布局方法有別于傳統的HTML網(wǎng)頁(yè)設計語(yǔ)言中的表格(table)定位方式,可實(shí)現網(wǎng)頁(yè)頁(yè)面內容與表現相分離。XHTML是The Extensible HyperText Markup Language(可擴展超文本標識語(yǔ)言)的縮寫(xiě)。XHTML基于可擴展標記語(yǔ)言(XML),是一種在HTML 基礎上優(yōu)化和改進(jìn)的的新語(yǔ)言,目的是基于XML應用與強大的數據轉換能力,適應未來(lái)網(wǎng)絡(luò )應用更多的需求。在XHTML網(wǎng)站設計標準中,不再使用表格定位技術(shù),而是采用DIV+CSS的方式實(shí)現各種定位。
流行優(yōu)勢
1、符合W3C標準。
2、支持瀏覽器的向后兼容。
3、搜索引擎更加友好。
4、樣式的調整更加方便。
5、CSS的極大優(yōu)勢表現在簡(jiǎn)潔的代碼,對于一個(gè)大型網(wǎng)站來(lái)說(shuō),可以節省大量帶寬。
6、表現和結構分離,在團隊開(kāi)發(fā)中更容易分工合作而減少相互關(guān)聯(lián)性。
一.div+css布局的好處:
1.符合W3C標準,代碼結構清晰明了,結構、樣式和行為分離,帶來(lái)足夠好的可維護性。
2.布局精準,網(wǎng)站版面布局修改簡(jiǎn)單。
3.加快了頁(yè)面的加載速度(最重要的)(在IE中要將整個(gè)table加載完了才顯示內容)。
4.節約站點(diǎn)所占的空間和站點(diǎn)的流量。
5.用只包含結構化內容的HTML代替嵌套的標簽,提高另外搜索引擎對網(wǎng)頁(yè)的搜索效率。
二.table布局的好處(table布局也不是一點(diǎn)用的沒(méi)有,這點(diǎn)是毋庸置疑的)
1.容易上手。
2.可以形成復雜的變化,簡(jiǎn)單快速。
3.表現上更加“嚴謹”,在不同瀏覽器中都能得到很好的兼容。
【DIV+CSS布局和TABLE布局的優(yōu)缺點(diǎn)】相關(guān)文章:
托福寫(xiě)作審題和布局方法07-21
CAD布局用法和基本操作09-17
象棋的布局原則10-26
象棋如何布局07-17
公文如何布局?09-03
GMAT寫(xiě)作布局技巧10-06
AutoCAD布局怎么打印01-12
客廳裝修常見(jiàn)的布局08-28
臥室裝修布局技巧08-23