為什么使用DIV+CSS布局?
發(fā)表日期:09-01 文章編輯:藍(lán)冰科技 瀏覽次數(shù):3794
一、代碼精簡
采用DIV+CSS布局使代碼很精簡,這一點(diǎn)置信對此辦法熟透的朋友都有所了解的都知道,css文件可以在每一個(gè)網(wǎng)頁中運(yùn)用,只需調(diào)用就可以,采用table表格修正一些頁面的話就很費(fèi)事了,假如是一個(gè)門戶網(wǎng)站的話,要手動(dòng)改很多頁面,而且看著那些表格也會(huì)覺得很亂也很浪費(fèi)時(shí)間,但是這要是在css中只需改一個(gè)代碼就可以了
二、表格嵌套
運(yùn)用Table布局,為了到達(dá)一定的視覺效果,不得不套用多個(gè)表格,這樣不只表格會(huì)很多,還很亂;所以運(yùn)用table為了到達(dá)很好的視覺效果,就要嵌套很多表格,這就會(huì)有很多的代碼,不利于搜索引擎抓取。
假如運(yùn)用DIV+CSS布局根本上不會(huì)存在這樣的現(xiàn)象,從技術(shù)角度來說,DIV+CSS在控制款式時(shí)也不需求過多的嵌套,XHTML在控制款式時(shí)不需求過多的嵌套。
三、網(wǎng)頁的速度
運(yùn)用了DIV+CSS布局的網(wǎng)頁較Table布局減少了頁面代碼,瀏覽加載速度失掉很大的提高;
四、SEO搜索引擎優(yōu)化
采用div-css設(shè)計(jì)的網(wǎng)站關(guān)于搜索引擎十分友好,很容易獲得很好的排名,采用DIV+CSS避免了Table嵌套層次太多無法被搜索引擎抓取的成績;而且簡潔、構(gòu)造化的代碼愈加有利于突出重點(diǎn)和合適搜索引擎抓取。
五、定位更精確
div的代碼的寬、高等都運(yùn)用css或許頁面的style來控制,也就是說在需要修正一個(gè)框的大小、位置時(shí)候,可以直接修正css的代碼或該標(biāo)簽的style代碼即可完成,幾乎不必修正其他代碼,而且div可以準(zhǔn)確的定位于網(wǎng)頁的某一個(gè)中央,這點(diǎn)table是做不到的;
運(yùn)用table的狀況下,則能夠會(huì)由于table的地位出現(xiàn)變化,有時(shí)不能精確的定位于網(wǎng)頁的某一個(gè)中央,而影響到對整片代碼的修正。
六、兼容性
運(yùn)用table布局,網(wǎng)頁在不同閱讀器的狀況下就會(huì)發(fā)作錯(cuò)位,而DIV+CSS則不會(huì),不管在什么瀏覽器下,網(wǎng)頁都不會(huì)變形的。
采用DIV+CSS布局使代碼很精簡,這一點(diǎn)置信對此辦法熟透的朋友都有所了解的都知道,css文件可以在每一個(gè)網(wǎng)頁中運(yùn)用,只需調(diào)用就可以,采用table表格修正一些頁面的話就很費(fèi)事了,假如是一個(gè)門戶網(wǎng)站的話,要手動(dòng)改很多頁面,而且看著那些表格也會(huì)覺得很亂也很浪費(fèi)時(shí)間,但是這要是在css中只需改一個(gè)代碼就可以了
二、表格嵌套
運(yùn)用Table布局,為了到達(dá)一定的視覺效果,不得不套用多個(gè)表格,這樣不只表格會(huì)很多,還很亂;所以運(yùn)用table為了到達(dá)很好的視覺效果,就要嵌套很多表格,這就會(huì)有很多的代碼,不利于搜索引擎抓取。
假如運(yùn)用DIV+CSS布局根本上不會(huì)存在這樣的現(xiàn)象,從技術(shù)角度來說,DIV+CSS在控制款式時(shí)也不需求過多的嵌套,XHTML在控制款式時(shí)不需求過多的嵌套。
三、網(wǎng)頁的速度
運(yùn)用了DIV+CSS布局的網(wǎng)頁較Table布局減少了頁面代碼,瀏覽加載速度失掉很大的提高;
四、SEO搜索引擎優(yōu)化
采用div-css設(shè)計(jì)的網(wǎng)站關(guān)于搜索引擎十分友好,很容易獲得很好的排名,采用DIV+CSS避免了Table嵌套層次太多無法被搜索引擎抓取的成績;而且簡潔、構(gòu)造化的代碼愈加有利于突出重點(diǎn)和合適搜索引擎抓取。
五、定位更精確
div的代碼的寬、高等都運(yùn)用css或許頁面的style來控制,也就是說在需要修正一個(gè)框的大小、位置時(shí)候,可以直接修正css的代碼或該標(biāo)簽的style代碼即可完成,幾乎不必修正其他代碼,而且div可以準(zhǔn)確的定位于網(wǎng)頁的某一個(gè)中央,這點(diǎn)table是做不到的;
運(yùn)用table的狀況下,則能夠會(huì)由于table的地位出現(xiàn)變化,有時(shí)不能精確的定位于網(wǎng)頁的某一個(gè)中央,而影響到對整片代碼的修正。
六、兼容性
運(yùn)用table布局,網(wǎng)頁在不同閱讀器的狀況下就會(huì)發(fā)作錯(cuò)位,而DIV+CSS則不會(huì),不管在什么瀏覽器下,網(wǎng)頁都不會(huì)變形的。
轉(zhuǎn)載請注明: >> 為什么使用DIV+CSS布局?
版權(quán)所有:http://trickstime.com (藍(lán)冰科技) 轉(zhuǎn)載請注明出處本文鏈接:http://trickstime.com/newsread.asp?u=102w319w3850t0