前端菜鳥淺析Div和(hé / huò)CSS的(de)區别

2016-09-29 關鍵詞: 4471

  不(bù)得不(bù)說(shuō)TABLE已經過時(shí)了(le/liǎo),table雖然修改方便,但是(shì)它會影響網站的(de)加載速、展現。

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

  現在(zài)絕大(dà)多數的(de)網站都是(shì)用DIV+CSS布局。這(zhè)兩種布局各有各的(de)優點。

  一(yī / yì /yí).div+css布局的(de)好處:

  1.符合W3C标準,代碼結構清晰明了(le/liǎo),結構、樣式和(hé / huò)行爲(wéi / wèi)分離,帶來(lái)足夠好的(de)可維護性。

  2.布局精準,網站版面布局修改簡單。

  3.加快了(le/liǎo)頁面的(de)加載速度(最重要(yào / yāo)的(de))(在(zài)IE中要(yào / yāo)将整個(gè)table加載完了(le/liǎo)才顯示内容)。

  4.節約站點所占的(de)空間和(hé / huò)站點的(de)流量。

  5.用隻包含結構化内容的(de)HTML代替嵌套的(de)标簽,提高另外搜索引擎對網頁的(de)搜索效率。

  二.table布局的(de)好處(table布局也(yě)不(bù)是(shì)一(yī / yì /yí)點用的(de)沒有,這(zhè)點是(shì)毋庸置疑的(de))

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

  2.可以(yǐ)形成複雜的(de)變化,簡單快速。

  3.表現上(shàng)更加“嚴謹”,在(zài)不(bù)同浏覽器中都能得到(dào)很好的(de)兼容。

首頁 網站建設 小程序 品牌設計 服務項目 案例展示 售後保障 聯系方式 新聞中心 關于(yú)我們 人(rén)才招聘
我們的(de)優勢

細緻入微的(de)前期服務
精準的(de)策劃服務
精湛的(de)網頁設計
穩定 可靠 極速的(de)域名和(hé / huò)服務器
任何問題,24小時(shí)回複并處理

版權所有:蘇州謝謝網絡傳媒有限公司  京ICP證000000号   

首頁 電話 服務項目