菜單
  • 0+

    合作(zuò)客戶

  • 0+

    年(nián)服務經驗

  • 0+

    服務标準

  • 0+

    專業團隊

  • 0%

    客戶好評

網頁用DIV排版,在什麽情況下使用TABLE

發布時間:2014-07-20
關于表格
使用WEB标準之後,并不是說(shuō)排除表格的使用,表格并不是雞肋,而正好相(xiàng)反是一道大(dà)餐, 之所以在很多關于CSS布局的文章(zhāng)中常提到"爲什麽使用表格排版是不明智的"這句話(huà),可(kě)能 是大(dà)家對他(tā)的理(lǐ)解有誤,這裡(lǐ)注意一點"使用表格排版"是"不明智"的.指的是 我們使用了很多年(nián)的,用表格來(lái)排版是不明智的,表格歸根截底是一種顯示"數據"的方式,大(dà) 家可(kě)以想象一下EXCEL,表格就(jiù)是起這個使用的,有的時候信息使用表格顯示讓我們能清晰易 讀(dú),所以才使用表格,比如(rú)公司員(yuán)工(gōng)聯系表,産品與型号對應表等.
那麽所謂表格大(dà)餐呢(ne),其實意見(jiàn)上升到了一個層次,也就(jiù)是說(shuō)你(nǐ)如(rú)果能像專業市場分(fēn)析公 司那樣,靈活使用表格來(lái)顯示客戶數據和調查數據等消息的時候,那才是真正利用了表格的 優勢.
所以,關于那句使用以久的話(huà),應該改爲"使用表格作(zuò)爲網頁排版, 布局頁面元素是不合理(lǐ)的,表格是用來(lái)顯示數據的"。

我這裡(lǐ)按我的使用經驗,把XHTML标準中的一些元素,分(fēn)爲三大(dà)類:
• 第一類是我稱之爲輔助布局設計(jì)元素:
這裡(lǐ)我指的是DIV,SPAN等,這類元素的主要功能是用來(lái)布局整個頁面的,靈活使用這些元素 的各種屬性,可(kě)以讓你(nǐ)的頁面表現豐富多彩.
•第二類我稱爲結構化元素或叫信息元素
 這裡(lǐ)指的是TABLE,UL,PRE,CODE類元素是一種信息顯示與整理(lǐ)方式,比如(rú)TABLE很明顯就(jiù)是用 來(lái)顯示表格信息的,UL是用來(lái)顯示列化信息的,當需要用表格或列表的時候,用這二種方式來(lái) 顯示是明智的。
•第三類指的是 這樣的,完全是爲了實現一些功能,如(rú)填上關鍵字的META keyword,還(hái)有 做鏈接的A。

那麽正确的符合标準的設計(jì)思路(lù)是:
•使用DIV等布局元素來(lái)制作(zuò)頁面的設計(jì)布局,定位,色塊,圖片等
•使用TABLE,UL等這樣的元素來(lái)顯示頁面中需要展示數據

當然,DIV也起整理(lǐ)數據的作(zuò)用,使用DIV的ID屬性可(kě)以很方便的将一個DIV作(zuò)爲一個你(nǐ)名 命的數據塊。
所以使用WEB标準來(lái)制作(zuò)網站(zhàn),實際是一個信息合理(lǐ)化整合的一個過程,什麽地方該用什 麽元素還(hái)是照(zhào)用不誤,别把表格當布局工(gōng)具就(jiù)行。

最新案例

多一份參考,總有益處

聯系互通在線,免費獲得(de)專屬《策劃方案》及報價。

咨詢相(xiàng)關問(wèn)題或預約面談,可(kě)以通過以下方式與我們聯系

400-999-6534    

掃描二維碼
與銷售顧問(wèn)咨詢

多一份免費策劃方案,總有益處。

請(qǐng)直接添加銷售顧問(wèn)微信聯系咨詢
QQ在線咨詢 暫不需要

189-2372-7009