網(wǎng)頁作業(yè)使用DIV CSS布局和表格布局排版有哪些區(qū)別？

更新時(shí)間：2020-12-09 文章分類：網(wǎng)頁技術(shù)課堂

DIV布局和表格布局是兩種完全不同的網(wǎng)頁排版方式，一般大學(xué)生前期網(wǎng)頁設(shè)計(jì)課程作業(yè)都是要求通過table進(jìn)行布局，到了中后期課程作業(yè)會(huì)要求table+div 或者完全使用div布局，那么具體使用table布局和使用div布局有什么區(qū)別呢？

簡單來說一般DIV+CSS布局是純手寫代碼，是使用Dreamweaver或者其他html編輯軟件甚至記事本去純手寫完成。而Table表格布局是通過Dreamweaver的設(shè)計(jì)視圖，操作Dreamweaver的面板，不接觸代碼，代碼由Dreamweaver自動(dòng)生成。

DIV與TABLE的區(qū)別

table布局起點(diǎn)低，入門簡單，使用方便。在你還在困惑而痛苦的為把div放在一個(gè)感覺合適的地方煩惱時(shí)，當(dāng)你還搞不明白float和clear該在什么地方出現(xiàn)才能保證我這一塊div不往下掉時(shí)，table使用者連網(wǎng)站都做好啦。div+css入門難度高，但是擴(kuò)展性強(qiáng)，使用靈活。

table兼容性比div好。當(dāng)學(xué)起來css的時(shí)候，你會(huì)發(fā)現(xiàn)，不同的ie內(nèi)核對同樣的css有著不同的解讀，有時(shí)在ie9+排好的版面在ie8，7，6都完全無法使用，甚至火狐、chrome都對同一段css有自己的理解。

兩者代碼結(jié)構(gòu)完全不同，無法切換的，如需切換需要整站全部重做或使用其他軟件。

上一篇：大學(xué)生怎么用bootstrap框架制作網(wǎng)頁設(shè)計(jì)作業(yè)

下一篇：大學(xué)生使用bootstrap前端框架制作網(wǎng)頁的基本...

網(wǎng)頁作業(yè)使用DIV CSS布局和表格布局排版有哪些區(qū)別？

作品推薦

相關(guān)文章