互聯網開(kāi)發&品牌全案設計(jì)

12年(nián) 實戰經驗,品質服務

前端菜鳥淺析Div和(hé)CSS的(de)區(qū)别

2016-09-29 關鍵詞: 3508

  不(bù)得(de)不(bù)說(shuō)TABLE已經過時(shí)了(le),table雖然修改方便,但(dà<n)是(shì)它會(huì)影(yǐng)響網站(zhàn)的(de)加載速、展現(xiàn)。

  當網速很(hěn)慢(màn)的(de)話(huà),必須加載完畢才能(néng)顯示,不(bù)然沒辦法展現(xiàn),影(yǐng)響網站(zhàn)的→(de)展示效果,不(bù)過也(yě)并不(bù)是(shì)沒有(yǒu)優點的(de)。 TABLE布局是(shì)早以前CSS不(bù)存在的(de)時(shí)候興起的(deφ),是(shì)對(duì)TABLE标簽的(de)不(bù)正規使用(yòng),Table标簽就(jiù)是(shì)表格,是(shì)用(yòng)來(lái)顯示數(shù)據的(>de),而不(bù)是(shì)用(yòng)來(lái)布局網頁的(de),雖然它有(yǒu)時(shí)候布局網頁很(hěn)簡單。

  現(xiàn)在絕大(dà)多(duō)數(shù)的(de)網站(zhàn)都(dōu)是(shì)用(yòng)DIV+CSS布局。這(zh↓è)兩種布局各有(yǒu)各的(de)優點。

  一(yī).div+css布局的(de)好(hǎo)處:

  1.符合W3C标準,代碼結構清晰明(míng)了(le),結構、樣式和(hé)行(xíng)為(wèi)分(fēn∞)離(lí),帶來(lái)足夠好(hǎo)的(de)可(kě)維護性。

  2.布局精準,網站(zhàn)版面布局修改簡單。

  3.加快(kuài)了(le)頁面的(de)加載速度(最重要(yào)的(de))(在IE中要(yàoΩ)将整個(gè)table加載完了(le)才顯示內(nèi)容)。

  4.節約站(zhàn)點所占的(de)空(kōng)間(jiān)和(hé)站(zhàn)點的(de)流量。

  5.用(yòng)隻包含結構化(huà)內(nèi)容的(de)HTML代替嵌套的(de)标簽,提高(gāo)另外(wài)搜索引擎對(πduì)網頁的(de)搜索效率。

  二.table布局的(de)好(hǎo)處(table布局也(yě)不(bù)是(shì)一(yī)點用(y♥òng)的(de)沒有(yǒu),這(zhè)點是(shì)毋庸置疑的(de))

  1.容易上(shàng)手。

  2.可(kě)以形成複雜(zá)的(de)變化(huà),簡單快(kuài)速。

  3.表現(xiàn)上(shàng)更加“嚴謹”,在不(bù)同浏覽器(qì)中都(dōu)能(néng)得(de)到(÷dào)很(hěn)好(hǎo)的(de)兼容。

欄目 案例 售後 電(diàn)話(huà)