wxzob666

为什么不建议用table布局

转自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让它展现新的面貌。





评论