tw的正文頁(yè)之前為了考慮小顯示器小風(fēng)辨率的用戶,寬度用了850px,現(xiàn)在用大分辨率的用戶越來(lái)越多,為了跟首頁(yè)統(tǒng)一,都要改成950px。因?yàn)?年前做頁(yè)面的時(shí)候就用了css布局,所以,雖然正文頁(yè)有幾十萬(wàn)個(gè)頁(yè)面,但只修改了一個(gè)css文件和幾個(gè)相關(guān)的圖片,就都變了。如果當(dāng)初用了table布局,后果不不堪設(shè)想…..
早幾年,網(wǎng)上曾興起過(guò)css布局和table布局的爭(zhēng)論,一部分人不以為然,認(rèn)為css只不過(guò)是個(gè)嗷頭,費(fèi)時(shí)又費(fèi)力,還有一部分人被陰魂不散的ie6折磨的死去活來(lái),最終放棄了css布局,當(dāng)然了,這也不是說(shuō)css就絕對(duì)要比table優(yōu)越,table和div有其各自得特征。這也意味著他們價(jià)值取向有不同,對(duì)于開(kāi)發(fā)設(shè)計(jì)的人員來(lái)說(shuō)很重要的。布局是否合理,是否有充分的擴(kuò)展性,是否有高效率,一定要合理的使用table和css來(lái)布局了。
根據(jù)我的經(jīng)驗(yàn),說(shuō)一下在什么情況下該用table,什么情況下該用css
一,在以下情況下應(yīng)該盡量使用css布局
1,瀏覽量大的頁(yè)面:比如首頁(yè)。css代碼少,結(jié)構(gòu)緊湊,加載快,可以大大提高頁(yè)面訪問(wèn)速度,對(duì)于首頁(yè)這樣重要的頁(yè)面,一定要用css來(lái)布局
2,需要循環(huán)展示列表的頁(yè)面,比如列表頁(yè)。對(duì)ceo有很大好處,而且非常有利于程序員嵌套程序。
3,套用同一模板的頁(yè)面,如正文頁(yè),看上面我舉的例子就知道了。
4,…
二,需要用到table的地方。
1,只使用一次的結(jié)構(gòu)復(fù)雜的廣告,宣傳頁(yè)面,table和div在兼容問(wèn)題中,table更具有優(yōu)勢(shì)。對(duì)于不需要后期維護(hù)的頁(yè)面,首先選用table布局。
2,專題頁(yè)面,因?yàn)殡S時(shí)要擴(kuò)充信息,如果需要頻繁變動(dòng)布局,如果用了css會(huì)讓你很崩潰。
3,其他頁(yè)面中的表單等各種控件部分。
4,…
其實(shí)對(duì)于真正的開(kāi)發(fā)者來(lái)說(shuō)善用其利是最重要的理念。而不是一味偏好,或者體現(xiàn)自己技術(shù)能力來(lái)做開(kāi)發(fā)設(shè)計(jì)工作。對(duì)于div我們可以充分發(fā)揮 其靈活清晰的架構(gòu)特性,配合table的嚴(yán)謹(jǐn)來(lái)實(shí)現(xiàn)各種復(fù)雜的需求。
新聞熱點(diǎn)
疑難解答
圖片精選