DIV+CSS網(wǎng)頁(yè)布局五大特點(diǎn)
你對(duì)DIV+CSS的特點(diǎn)是否了解,這里和大家分享一下,DIV+CSS高級(jí)布局已逐漸流行,但面對(duì)所謂DIV+CSS布局的叫法讓人更為擔(dān)心,不要讓DIV成為Table的替代品。
DIV+CSS與TABLE的網(wǎng)頁(yè)優(yōu)勢(shì)何在?
DIV+CSS是網(wǎng)站標(biāo)準(zhǔn)(或稱“WEB標(biāo)準(zhǔn)”)中常用的術(shù)語(yǔ)之一,通常為了說(shuō)明與HTML網(wǎng)頁(yè)設(shè)計(jì)語(yǔ)言中的表格(table)定位方式的區(qū)別,因?yàn)閄HTML網(wǎng)站設(shè)計(jì)標(biāo)準(zhǔn)中,不再使用表格定位技術(shù),而是采用DIV+CSS的方式實(shí)現(xiàn)各種樣式制作定位。
DIV是html(超文本語(yǔ)言)中的一個(gè)元素,DIV+CSS是一種網(wǎng)頁(yè)的布局方法,這一種網(wǎng)頁(yè)布局方法有別于傳統(tǒng)的table布局,真正地達(dá)到了w3c內(nèi)容與表現(xiàn)相分離。
DIV是標(biāo)簽,CSS是層疊樣式表(CSS樣式),DIV+CSS高級(jí)布局已逐漸流行,但面對(duì)所謂DIV+CSS布局的叫法讓人更為擔(dān)心,不要讓DIV成為Table的替代品,多層嵌套的DIV會(huì)嚴(yán)重影響代碼的可閱讀性,活用HTML為我們提供的標(biāo)簽吧。
DIV+CSS的特點(diǎn):
1、符合W3C標(biāo)準(zhǔn)。微軟等公司均為W3C支持者。這一點(diǎn)是最重要的,因?yàn)檫@保證您的網(wǎng)站不會(huì)因?yàn)閷?lái)網(wǎng)絡(luò)應(yīng)用的升級(jí)而被淘汰。
2、支持瀏覽器的向后兼容,也就是無(wú)論未來(lái)的瀏覽器大戰(zhàn),勝利的是IE7或者是火狐,您的網(wǎng)站都能很好的兼容。
3、搜索引擎更加友好。相對(duì)與傳統(tǒng)的table,采用DIV+CSS技術(shù)的網(wǎng)頁(yè),對(duì)于搜索引擎的收錄更加友好。
4、樣式的調(diào)整更加方便。內(nèi)容和樣式的分離,使頁(yè)面和樣式的調(diào)整變得更加方便。現(xiàn)在YAHOO,MSN等國(guó)際門戶網(wǎng)站,網(wǎng)易,新浪等國(guó)內(nèi)門戶網(wǎng)站,和主流的WEB2.0網(wǎng)站,均采用DIV+CSS的框架模式,更加印證了DIV+CSS是大勢(shì)所趨?,F(xiàn)很多個(gè)人站長(zhǎng)新建站點(diǎn)都采用了DIV+CSS來(lái)構(gòu)建自己的網(wǎng)站頁(yè)面,可見DIV+CSS替代table已經(jīng)不是遙遠(yuǎn)夢(mèng)想。
5、通過(guò)制作發(fā)行同樣的頁(yè)面使用TABLE做的頁(yè)面與DIV+CSS制作的頁(yè)面大小對(duì)比,DIV+CSS的XHTML頁(yè)面大小至少小TABLE制作頁(yè)面1/4。從而使的瀏覽DIV+CSS的頁(yè)面更加快捷快速。
【編輯推薦】