htmldog 站點(diǎn)以提供教程幫助初學(xué)者學(xué)習 HTML和CSS而聞名。本文是htmldog站點(diǎn)上2004年5月14日的一篇文章。原名是Tables My Ass，英文的意思大致是"可笑的表格布局者"或者"可笑的CSS布局新手"。為了更便于理解，我翻譯為"CSS比表格更難嗎"。文章一針見(jiàn)血的指出那些"安逸"地躺在表格布局上的設計師因為"懶"，不愿意學(xué)習和接受更高效的CSS技術(shù)而編造各種理由妄圖阻擋CSS布局的推廣。譯文刪減了部分不重要內容。本文引起了很多評論，您有興可以去原文 看看。
特別感謝onestab 的fangwj糾正翻譯中的一些錯誤。
CSS布局提倡者的聲音正被"表格布局的優(yōu)點(diǎn)"的聲音所覆蓋。一個(gè)荒誕的說(shuō)法是CSS是難學(xué)的。事實(shí)上，CSS一點(diǎn)也不比其他網(wǎng)頁(yè)技術(shù)難。問(wèn)題在于：對于表格設計已經(jīng)相當有經(jīng)驗的web設計師不得不完全放棄他們的思維模式改用CSS方法。
我曾經(jīng)用表格布局設計過(guò)許多年，當我第一次開(kāi)始使用CSS布局時(shí)，我也遇到了問(wèn)題。"用表格多簡(jiǎn)單呀"我想。但是，那只是因為我已經(jīng)用慣了表格，我知道如何巧妙的處理它們。任何改變，哪怕是小小的一點(diǎn)，都會(huì )讓我覺(jué)得麻煩，更不用說(shuō)這么激烈的變化。
回憶起我第一次學(xué)習用表格布局，同樣有一大堆的問(wèn)題困繞著(zhù)我?；仡^想想那些rowspans, colspans以及空白的GIF圖片，公平的說(shuō)這兩種布局方法，用表格布局更加難些。
另一個(gè)陳舊的觀(guān)點(diǎn)是：CSS設計的頁(yè)面(字節數)非常大，比表格設計的頁(yè)面大。理由是：因為你將整個(gè)站點(diǎn)所有的樣式都放在一個(gè)文件里，當用戶(hù)訪(fǎng)問(wèn)一個(gè)頁(yè)面，包含整個(gè)站點(diǎn)樣式的樣式表都需要下載，因此頁(yè)面非常大。
那么為什么你要將所有樣式都放在一個(gè)CSS文件里？沒(méi)有人限制你只能用一個(gè)CSS文件，你完全可以為某部分章節的細節樣式設立單獨的子樣式表文件。在我的經(jīng)驗里，從簡(jiǎn)單的手冊型站點(diǎn)到大型的數據庫驅動(dòng)，多功能的系統網(wǎng)站，我從來(lái)沒(méi)有只用過(guò)單獨一個(gè)樣式表文件，沒(méi)有一個(gè)首頁(yè)的代碼比用表格設計的多。那些table,tr,td標簽占據了大量空間，立刻行動(dòng)起來(lái)吧，用CSS布局方法將你的文件尺寸猛砍下來(lái)。
當你用表格布局時(shí)，你失去了標簽本身的語(yǔ)意。web標準方法布局分離了內容和表現層將帶來(lái)巨大的好處。當你用表格鎖定了你的設計，一旦你需要改變它，你必須找到這個(gè)頁(yè)面，然后再分析出表格結構，再一頁(yè)一頁(yè)修改，而CSS文件可以簡(jiǎn)單的改變整個(gè)站點(diǎn)的設計。用CSS你根本無(wú)須考慮設備無(wú)關(guān)性，無(wú)須考慮用戶(hù)選擇他們自己的樣式。
還聽(tīng)說(shuō)一個(gè)表格的"好處":設計forms。但是forms可以用任何方法實(shí)現表格排列。是為了Netscape4? 我從來(lái)沒(méi)聽(tīng)說(shuō)過(guò)支持這么老的瀏覽器是一個(gè)理由。大部分主流瀏覽器的用戶(hù)利益遠遠大于少數的用不支持樣式表的瀏覽器的用戶(hù)的利益(先不說(shuō)CSS也支持純文本)。
那些"超級表格"支持者的觀(guān)點(diǎn)歸結起來(lái)就是一點(diǎn)："表格更容易。"這是胡說(shuō)！如果你滿(mǎn)足于一個(gè)低效率的方法，那隨你的便。如果你想突破限制，使頁(yè)面內容更加通用、易用，代碼更加少，那就努力轉變吧。當然如果你是新學(xué)網(wǎng)頁(yè)設計，從頭開(kāi)始，你就不會(huì )有這些問(wèn)題。
"小車(chē)不倒只管推","這只是設計師工具箱里的工具而已。"這是一些討論者的觀(guān)點(diǎn)。表格布局象一把老式的木頭柄螺絲起子，你可以仍舊使用它來(lái)鉆進(jìn)一面墻。而我寧愿使用電動(dòng)的螺絲起子，CSS布局更加高效，不會(huì )讓我的手再起水泡。
聯(lián)系客服
