DIV CSS建立的符合web標(biāo)準(zhǔn)網(wǎng)頁的好處

2024-07-11 08:24:33

字體：大中小

供稿：網(wǎng)友

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

上一篇：CSS網(wǎng)頁設(shè)計(jì)：百分比進(jìn)行背景圖片定位

下一篇：CSS也要語義化說明