二、表格嵌套
運用Table布局,為了到達一定的視覺效果,不得不套用多個表格,這樣不只表格會很多,還很亂;所以運用table為了到達很好的視覺效果,就要嵌套很多表格,這就會有很多的代碼,不利于搜索引擎抓取。
假如運用DIV+CSS布局根本上不會存在這樣的設計現象,從技術角度來說,DIV+CSS在控制款式時也不需求過多的嵌套,XHTML在控制款式時不需求過多的嵌套。
三、網頁的速度
運用了DIV+CSS布局的網頁Table布局減少了頁面代碼,瀏覽加載速度失掉很大的提高;
四、SEO搜索引擎優化
采用div-css設計的網站關于搜索引擎十分友好,很容易獲得很好的排名,采用DIV+CSS避免了Table嵌套層次太多無法被搜索引擎抓取的成績;而且簡潔、構造化的代碼愈加有利于突出重點和合適搜索引擎抓取。
五、定位更精確
div的代碼的寬、高等都運用css或許頁面的style來控制,也就是說在需要修正一個框的大小、位置時候,可以直接修正css的代碼或該標簽的style代碼即可完成,幾乎不必修正其他代碼,而且div可以準確的定位于網頁的某一個中央,這點table是做不到的;
運用table的狀況下,則能夠會由于table的地位出現變化,有時不能精確的定位于網頁的某一個中央,而影響到對整片代碼的修正
大家看到前面使用DIV時,加入了個CSS那么什么是CSS呢?百度百科這樣解釋:“CSS,指層疊樣式表(Cascading Style Sheets),樣式定義如何顯示HTML元素,樣式通常存儲在樣式表中,把樣式添加到 HTML 4.0 中,是為了解決內容與表現分離的問題。”了解更多,請訪問百度百科連接:http://baike.baidu.com/view/15916.htm?fr=ala0_1。簡單的來講,CSS是用來定義DIV等元素的顯示效果的,如行高、間距、背景色等,從而是網頁顯示出漂亮的界面。而在使用TABLE布局時,像行高、間距、背景色這些內容很多時間是沒必要寫到CSS樣式中去的,直接用使用TABLE元素的自帶所屬就能設置。當然,這并不是說CSS對TABLE就沒有效果了,如果你愿意,你同樣可以使用CSS來定義TABLE元素的顯示效果。
再從性能上來講解一下,使用DIV來布局網頁時,瀏覽器在解析網頁內容時,會遇到一個DIV解析一個DIV的內容,對于TABLE而言,在使用TABLE嵌套時,瀏覽器需要把內層及外層TABLE里的所有內容解析完之后,再一次呈現給用戶。這也就是有些網站制作公司商務人員會經常提到的,使用DIV+CSS來布局網頁,打開網頁速度很快。
有時候,我們會覺得網頁中的積木搭配得不太合理時,我們會想到挪動積木的位置來重新搭建一下,這個時候,DIV的優勢就再次顯示出來了,因為DIV是用CSS來控制它的顯示效果,所以需要重構網頁時,直接挪動積木就可以達到重構的效果。而對于TABLE而言,就會比較麻煩,需要對整個網頁重新布局了。
DIV+CSS既然有這么多優勢,是不是企業網站建設就首選DIV+CSS呢?其實不然,雖然DIV+CSS可以提高網站的打開速度,但是有一個前提,是網頁比較長的情況(如新浪首頁)下這種優勢才能體現出來,然后企業網站一般就兩屏,即便是使用DIV+CSS較TABLE而言也沒多大感覺!再說到頁面重構的問題,一般的企業網站是不太可能存在頁面重構的需要的。因為企業網站需要跟進互聯網的發展,一般來說,一個企業網站的壽命在1-2年時間,到那時間,互聯網的風格已經大變,就需要對企業網站進行網站改版的工作了,重構已經沒有意義。再者,使用DIV+CSS來布局網頁,會加大技術人員的工作量,這樣網站的開發制作成本也就跟著上漲,最后還得客戶來掏腰包。