table 布局的缺点
<table>元素通常以表格形式展示信息,在css运用之前,也用来布局页面,但在html4之后就不再用table布局页面。
1、Table要比其它html标记占更多的字节。(延迟下载时间,占用服务器更多的流量资源。)
2、Table会阻挡浏览器渲染引擎的渲染顺序。(会延迟页面的生成速度,让用户等待更久的时间。)
3、Table里显示图片时需要你把单个、有逻辑性的图片切成多个图。(增加设计的复杂度,增加页面加载时间,增加HTTP会话数。)
4、在某些浏览器中Table里的文字的拷贝会出现问题。(这会让用户不悦。)
5、Table会影响其内部的某些布局属性的生效(比如<td>里的元素的height:100%)(这会限制你页面设计的自由性。)
6、一旦学了CSS知识,你会发现使用table做页面布局会变得更麻烦。(先花时间学一些CSS知识,会省去你以后大量的时间。)
7、table对对于页面布局来说,从语义上看是不正确的。(它描述的是表现,而不是内容。)
8、table代码会让阅读者抓狂。(不但无法利用CSS,而且会你不知所云)
9、table一旦设计完成就变成死的,很难通过CSS让它展现新的面貌。
总之,table布局会延迟页面加载时间,不利于css调整样式,违背标签语义化的原则。
特殊情况下,table依旧用来布局,如:HTML emails:
几乎任何HTML电子邮件的格式都是表格化的,所以表仍然是实现电子邮件客户端的最佳方式。电子邮件相当于浏览器窗口的是“视觉窗”,也就是显示电子邮件客户端的区域。常用的方法是设置表的宽度为100%,且其嵌套的元素居中,同时还可以为表格设置背景色来作为电子邮箱的背景。
浙公网安备 33010602011771号