DIV+CSS建立標準WEB網頁的好處

來源:互聯網
上載者:User
DIV+CSS建立標準WEB網頁的好處
一、使用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標準是目前網站開發的主流,作為專業的webTeam Dev,哪有理由不使用這種技術呢!
相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.