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,哪有理由不使用這種技術呢!
相關文章

Alibaba Cloud 10 Year Anniversary

With You, We are Shaping a Digital World, 2009-2019

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。