DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> DIV+CSS建立符合web標准網頁的優點
DIV+CSS建立符合web標准網頁的優點
編輯:CSS詳解     

使用DIV+CSS建立符合W3C標准網站對程序員是有非常多的益處的,我們看如下的八條優勢。

一、使用div的方式進行程序的嵌套,特別是使用PHP這樣的代碼嵌套,可以減少出現像table中那樣繁重的代碼,對於頁面嵌套可以減少因table代碼而帶來的問題。

二、使用div對於設計使用AJax等的時候,可以減少Javascript代碼對於頁面控制時候的復雜度,因為使用table的時候,層次關系最起碼有三層,table-tr-td以上,而使用div則基本上只有兩層(div-div)的概念。

三、用div對於頁面的定位更准確,因為使用div的代碼的寬度高度等都使用css或者頁面的style方式控制,即在需要修改一個框(box)的大小、位置時候,可以直接修改CSS的代碼或者該標簽的style代碼即可實現。而幾乎不用修改其他代碼,但是使用table的情況下,則可能會因為table的位置出現變動,而影響到對整片代碼的修改。

四、在頁面效果來說,由於Firefox等浏覽器再對table方面進行了很多的優化,才使得目前firefox在處理頁面的輸出時候可以這麼接近IE的效果,但是在對於一些table的排版,用Firefox 會存在一下莫名起碼的以為等問題。這些問題在IE中可能不存在,但是在使用Firefox等其他引擎的浏覽器就可能會出現了。

五、就是輸出的代碼將更小。由於使用div進行頁面代碼的組織,而布局由CSS等文件進行控制,因此從輸出的Html中產生輸出的代碼要一般比使用table的頁面少70%。從系統的負載上考慮,將會更好解決因為代碼上面的損耗,對維護系統的穩定起到一定的幫助。

六、更方便搜索引擎的搜索,目前的搜索引擎只是對頁面的代碼進行分析,因此頁面代碼更小而且有語意頁面,搜索引擎的效能會更高,用戶的文字信息會更容易被搜索引擎進行收集,對於web網站來說被將會更容易被搜索引擎所引用。

七、無可避免,在頁面的一些位置,我們還是依舊使用table方式表現,比如說一些商品列表,訂單列表,提交表單等,我們依舊使用table的方式來實現,因為對於這樣的表格表現形式,使用div實現時候還不太成熟。

八、最後W3C標准是目前網站開發的主流,作為專業的web開發團隊,哪有理由不使用這種技術呢!

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved