Table被web編程棄用的緣由

最近忙着項目的修改,也沒啥時間寫東西,不過看到這篇文章仍是挺不錯的,簡單易懂css

轉至 : 歪脖駭客html


  1. Table要比其它html標記佔更多的字節。
    (延遲下載時間,佔用服務器更多的流量資源。)web

  2. Tablle會阻擋瀏覽器渲染引擎的渲染順序。
    (會延遲頁面的生成速度,讓用戶等待更久的時間。)瀏覽器

  3. Table裏顯示圖片時須要你把單個、有邏輯性的圖片切成多個圖。
    (增長設計的複雜度,增長頁面加載時間,增長HTTP會話數。)服務器

  4. 在某些瀏覽器中Table裏的文字的拷貝會出現問題。
    (這會讓用戶不悅。)佈局

  5. Table會影響其內部的某些佈局屬性的生效(好比<td>裏的元素的height:100%)
    (這會限制你頁面設計的自由性。)spa

  6. 一旦學了CSS知識,你會發現使用table作頁面佈局會變得更麻煩。
    (先花時間學一些CSS知識,會省去你之後大量的時間。).net

  7. table對對於頁面佈局來講,從語義上看是不正確的。
    (它描述的是表現,而不是內容。)設計

  8. table代碼會讓閱讀者抓狂。
    (不但沒法利用CSS,並且會你不知所云)code

  9. table一旦設計完成就變成死的,很難經過CSS讓它展示新的面貌。
    (你看過CSS Zen Garden嗎?)

Tables的好處

在某些場合,使用Table是100%的適合、恰當和正確。好比,用table作表格是徹底正確的。

若是你沒法判斷是否應該使用table,參考一下上面的幾條,相信你能找到答案。

(英文:Why Tables Are Bad.)

相關文章
相關標籤/搜索