網(wǎng)頁(yè)制作Webjx文章簡(jiǎn)介:使用DIV+CSS建立符合W3C標(biāo)準(zhǔn)網(wǎng)站對(duì)程序員是有非常多的益處的,我們看如下的八條優(yōu)勢(shì)。
使用DIV+CSS建立符合W3C標(biāo)準(zhǔn)網(wǎng)站對(duì)程序員是有非常多的益處的,我們看如下的八條優(yōu)勢(shì)。
一、使用div的方式進(jìn)行程序的嵌套,特別是使用php這樣的代碼嵌套,可以減少出現(xiàn)像table中那樣繁重的代碼,對(duì)于頁(yè)面嵌套可以減少因table代碼而帶來(lái)的問(wèn)題。
二、使用div對(duì)于設(shè)計(jì)使用AJAX等的時(shí)候,可以減少Javascript代碼對(duì)于頁(yè)面控制時(shí)候的復(fù)雜度,因?yàn)槭褂胻able的時(shí)候,層次關(guān)系最起碼有三層,table-tr-td以上,而使用div則基本上只有兩層(div-div)的概念。
三、用div對(duì)于頁(yè)面的定位更準(zhǔn)確,因?yàn)槭褂胐iv的代碼的寬度高度等都使用css或者頁(yè)面的style方式控制,即在需要修改一個(gè)框(box)的大小、位置時(shí)候,可以直接修改css的代碼或者該標(biāo)簽的style代碼即可實(shí)現(xiàn)。而幾乎不用修改其他代碼,但是使用table的情況下,則可能會(huì)因?yàn)閠able的位置出現(xiàn)變動(dòng),而影響到對(duì)整片代碼的修改。
四、在頁(yè)面效果來(lái)說(shuō),由于Firefox等瀏覽器再對(duì)table方面進(jìn)行了很多的優(yōu)化,才使得目前firefox在處理頁(yè)面的輸出時(shí)候可以這么接近IE的效果,但是在對(duì)于一些table的排版,用firefox 會(huì)存在一下莫名起碼的以為等問(wèn)題。這些問(wèn)題在IE中可能不存在,但是在使用Firefox等其他引擎的瀏覽器就可能會(huì)出現(xiàn)了。
五、就是輸出的代碼將更小。由于使用div進(jìn)行頁(yè)面代碼的組織,而布局由CSS等文件進(jìn)行控制,因此從輸出的html中產(chǎn)生輸出的代碼要一般比使用table的頁(yè)面少70%。從系統(tǒng)的負(fù)載上考慮,將會(huì)更好解決因?yàn)榇a上面的損耗,對(duì)維護(hù)系統(tǒng)的穩(wěn)定起到一定的幫助。
六、更方便搜索引擎的搜索,目前的搜索引擎只是對(duì)頁(yè)面的代碼進(jìn)行分析,因此頁(yè)面代碼更小而且有語(yǔ)意頁(yè)面,搜索引擎的效能會(huì)更高,用戶的文字信息會(huì)更容易被搜索引擎進(jìn)行收集,對(duì)于web網(wǎng)站來(lái)說(shuō)被將會(huì)更容易被搜索引擎所引用。
七、無(wú)可避免,在頁(yè)面的一些位置,我們還是依舊使用table方式表現(xiàn),比如說(shuō)一些商品列表,訂單列表,提交表單等,我們依舊使用table的方式來(lái)實(shí)現(xiàn),因?yàn)閷?duì)于這樣的表格表現(xiàn)形式,使用div實(shí)現(xiàn)時(shí)候還不太成熟。
八、最后W3C標(biāo)準(zhǔn)是目前網(wǎng)站開(kāi)發(fā)的主流,作為專業(yè)的web開(kāi)發(fā)團(tuán)隊(duì),哪有理由不使用這種技術(shù)呢!
新聞熱點(diǎn)
疑難解答
圖片精選