TW的正文頁之前為了考慮小顯示器小風辨率的用戶,寬度用了 850px,現在用大分辨率的用戶越來越多,為了跟首頁統一,都要改成950px。因為2年前做頁面的時候就用了CSS布局,所以,雖然正文頁有幾十萬個頁面,但只修改了一個css文件和幾個相關的圖片,就都變了。如果當初用了table布局,後果不不堪設想…..
早幾年,網上曾興起過CSS布局和Table布局的爭論,一部分人不以為然,認為css只不過是個嗷頭,費時又費力,還有一部分人被陰魂不散的 IE6折磨的死去活來,最終放棄了css布局,當然了,這也不是說css就絕對要比table優越,table和div有其各自得特征。這也意味著他們價值取向有不同,對於開發設計的人員來說很重要的。布局是否合理,是否有充分的擴展性,是否有高效率,一定要合理的使用table和css來布局了。
根據我的經驗,說一下在什麼情況下該用table,什麼情況下該用css
一、在以下情況下應該盡量使用css布局 1,浏覽量大的頁面:比如首頁。CSS代碼少,結構緊湊,加載快,可以大大提高頁面訪問速度,對於首頁這樣重要的頁面,一定要用css來布局
2,需要循環展示列表的頁面,比如列表頁。對CEO有很大好處,而且非常有利於程序員嵌套程序。
3,套用同一模板的頁面,如正文頁,看上面我舉的例子就知道了。
4,…
二、需要用到table的地方 1,只使用一次的結構復雜的廣告,宣傳頁面,table和div在兼容問題中,table更具有優勢。對於不需要後期維護的頁面,首先選用 table布局。
2,專題頁面,因為隨時要擴充信息,如果需要頻繁變動布局,如果用了css會讓你很崩潰。
3,其他頁面中的表單等各種控件部分。
4,…
其實對於真正的開發者來說善用其利是最重要的理念。而不是一味偏好,或者體現自己技術能力來做開發設計工作。對於div我們可以充分發揮 其靈活清晰的架構特性,配合table的嚴謹來實現各種復雜的需求