網(wǎng)站中表格與css布局的區(qū)別
網(wǎng)站表格進(jìn)行網(wǎng)頁布局,比較簡潔,一條一條的,想實(shí)現(xiàn)的功能和排版,都可以通過這個(gè)來實(shí)現(xiàn),用table作為標(biāo)簽,一行或多個(gè)tr(行),th或td元素組成。而div標(biāo)簽是把網(wǎng)頁分割為獨(dú)立的、不同的部分,這些部分類似PS中的圖層,定位尺寸準(zhǔn)確,但稍微麻煩一點(diǎn),按照需要分配大小,不象table切圖那樣的呆板,DIV是用于搭建html網(wǎng)頁結(jié)構(gòu)(框架)標(biāo)簽。 要制作一個(gè)模板式的網(wǎng)頁,則需要設(shè)計(jì)頁面布局和規(guī)劃,寫入整體DIV結(jié)構(gòu)與CSS結(jié)構(gòu),從網(wǎng)頁的頂部開始制作,然后下面一般都是企業(yè)的banner,再接著就是網(wǎng)頁的內(nèi)容管理的制作,后是底部的版權(quán)所有,等網(wǎng)頁全部設(shè)計(jì)好后,要檢查一下瀏覽器是否兼容等等問題,也就是所謂的網(wǎng)站測試。 用表格布局是規(guī)規(guī)矩矩的,但不能隨便更改網(wǎng)頁尺寸效果,或者說改變一下比較麻煩,而div卻是非常的簡單修改,這也是div+css于table的根本原因,優(yōu)越性可想而知的,目前使用css樣式表的非常多,幾乎取代了原先的table,但在有些情況下,一個(gè)網(wǎng)頁內(nèi)會(huì)兩者同時(shí)存在,那是因?yàn)楹枚嗄0澹惹熬褪怯胻able開發(fā)出來的,如果再改為div,那會(huì)耗費(fèi)好多成本,不如兩者共存,網(wǎng)站中這兩個(gè)布局是兼容的,都是html語言的重要的布局功能代碼。
|