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

AudioContext 實現(xiàn)音頻可視化(web技術(shù)分享)
這篇文章主要分享的是web技術(shù)的 AudioContext 實現(xiàn)音頻可視化,要實現(xiàn)音頻可視化得先實現(xiàn)一些炫酷的效果需要借助 Web Audio API提供的一些方法 AudioContext,下面詳細內(nèi)容2022-02-23
這篇文章主要給大家介紹了web技術(shù)中的WebRTC記錄音視頻流,文章內(nèi)容圍繞主題展相關(guān)資料,需要的小伙伴可以參考一下,希望對你有所幫助2022-02-23- 這是我通過網(wǎng)上查閱資料總結(jié)的一些編碼規(guī)范,用于鞏固對html,css頁面重構(gòu)時的基礎(chǔ),需要的朋友可以參考下2020-12-19
前端編碼規(guī)范(4)—— CSS 和 Sass (SCSS) 開發(fā)規(guī)范
這篇文章主要介紹了前端編碼規(guī)范(4)—— CSS 和 Sass (SCSS) 開發(fā)規(guī)范,需要的朋友可以參考下2017-01-21Web前端開發(fā)規(guī)范2017(HTML/JavaScript/CSS)
這是一份旨在增強團隊的開發(fā)協(xié)作,提高代碼質(zhì)量和打造開發(fā)基石的編碼風(fēng)格規(guī)范,其中包含了 HTML, JavaScript 和 CSS/SCSS 這幾個部分。我們知道,當一個團隊開始指定并實行2017-01-21- 這篇文章主要為大家介紹了前端開發(fā)團隊遵循和約定的代碼書寫規(guī)范,意在提高代碼的規(guī)范性和可維護性,需要的朋友可以參考下2017-01-21
響應(yīng)式Web之流式網(wǎng)格系統(tǒng)
這篇文章主要為大家詳細介紹了響應(yīng)式Web之流式網(wǎng)格系統(tǒng)的相關(guān)資料,感興趣的小伙伴們可以參考一下2016-07-04在網(wǎng)頁標題欄上和收藏夾顯示網(wǎng)站logo的實現(xiàn)方法
下面小編就為大家分享一篇在網(wǎng)頁標題欄上和收藏夾顯示網(wǎng)站logo的實現(xiàn)方法。希望對大家有所幫助。一起跟隨小編過來看看吧,祝大家游戲愉快哦2016-03-16Visual Foxpro 6.0 中文版安裝向?qū)?圖解)
基于很多用戶都在下載Visual Foxpro 6.0,但是有安裝vtp6.0經(jīng)驗的朋友確很少,在安裝過程中總會出現(xiàn)這樣那樣的問題,基于這些問題,下面小編抽個時間把Visual Foxpro 6.02015-09-09網(wǎng)站日志200 0 64狀態(tài)碼的分析(協(xié)議子狀態(tài))
網(wǎng)站日志200 0 64狀態(tài)碼的分析介紹2012-10-29



