使用Table布局頁面為什么是不明智的?
大家看到標題,不要誤解認為在頁面中不能使用Table,而是可以使用Table,但是盡量不要用Table去布局頁面,為什么這么說呢,因為使用Table布局頁面會使頁面失去靈活性,怎么個靈活法呢,比如今天你好不容易做出來的頁面,第二天老板說我不喜歡登錄模塊放到右邊,還是放到左邊,通知板塊放到右側去,頁面風格最好一個月換一種,如果遇到這種老板,提出這種要求,并且你的頁面是用Table布局的,那么你會崩潰的,工作量那是大大滴~,如果不相信的話,你們自己可以找個頁面,用Table布局出來,然后變換板塊和風格,你就會體會到Table布局的不靈活性,這是為什么呢,因為Table的誕生是為存儲數據用的,功能和Execel差不多,不是用來布局用的,只不過后來大家發現用Table可以把想放的頁面元素,比如圖片,放到任何自己想放的地方,且做出來的頁面可以兼容多種瀏覽器,于是Table就承擔起了布局頁面的重擔,這一做就是好幾年… …直到Web2.0時代的到來,Table才從布局頁面的工作中逐漸解脫,專心的去存儲數據^_^
既然Table是為存儲數據誕生的,那誰的誕生是為了頁面布局呢?
答案就是:DIV,DIV就是為布局頁面而誕生的,只不過一直不被人認同,原因就是DIV去布局頁面需要CSS的配合,使用比較繁瑣,還不如Table拖拖拽拽頁面就布局OK了,感覺還不如Table方便,從而DIV被人們放置在一個無人問津的昏暗角落里,暗暗的等待著伯樂的出現,直到2003年美國加州Scott Design公司參加了在舊金山舉辦的有關網頁排版和設計的一個研討會上的演講,使DIV看到了陽光,走出了陰霾… …
說了那么多,我們對比一下Table布局頁面和DIV布局頁面的優缺點
使用表格進行頁面布局會帶來很多問題:
* 把格式數據混入你的內容中。這使得文件的大小無謂地變大,而用戶訪問每個 頁面時都必須下載一次這樣的格式信息,帶寬并非免費。
* 這使得重新設計現有的站點和內容極為消耗勞力 (且昂貴)。
* 這還使我們保持整個站點的視覺的一致性極難,花費也極高。
* 基于表格的頁面還大大降低了它對殘疾人和用手機或 PDA 瀏覽者的親和力。
而使用CSS進行網頁布局,它會:
* 使你的頁面載入得更快
* 降低你的流量費用
* 讓你在修改設計時更有效率而代價更低
* 幫助你的整個站點保持視覺的一致性
* 讓你的站點可以更好地被搜索引擎找到
* 使你的站點對瀏覽者和瀏覽器更具親和力
* 在世界上越來越多人采用 Web 標準時,它還能 提高你的職場競爭實力 (事實上也就是降低失業的風險)。
新聞熱點
疑難解答