为什么我们不建议用Table布局

admin

https://www.html5tricks.com/why-not-table-layout.html

• Table要比其它html标记占更多的字节。
  (延迟下载时间，占用服务器更多的流量资源。)
• Tablle会阻挡浏览器渲染引擎的渲染顺序。
  (会延迟页面的生成速度，让用户等待更久的时间。)
• Table里显示图片时需要你把单个、有逻辑性的图片切成多个图。
  (增加设计的复杂度，增加页面加载时间，增加HTTP会话数。)
• 在某些浏览器中Table里的文字的拷贝会出现问题。
  (这会让用户不悦。)
• Table会影响其内部的某些布局属性的生效(比如<td>里的元素的height:100%)
  (这会限制你页面设计的自由性。)
• 一旦学了CSS知识，你会发现使用table做页面布局会变得更麻烦。
  (先花时间学一些CSS知识，会省去你以后大量的时间。)
• table对对于页面布局来说，从语义上看是不正确的。
  (它描述的是表现，而不是内容。)
• table代码会让阅读者抓狂。
  (不但无法利用CSS，而且会你不知所云)
• table一旦设计完成就变成死的，很难通过CSS让它展现新的面貌。
  

Tables的好处

在某些场合，使用Table是100%的适合、恰当和正确。比如，用table做表格是完全正确的。

如果你无法判断是否应该使用table，参考一下上面的几条，相信你能找到答案。