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让它展现新的⾯貌。html表格元素
总之,table布局会延迟页⾯加载时间,不利于css调整样式,违背标签语义化的原则。
特殊情况下,table依旧⽤来布局,如::
⼏乎任何HTML电⼦邮件的格式都是表格化的,所以表仍然是实现电⼦邮件客户端的最佳⽅式。电⼦邮件相当于浏览器窗⼝的是“视觉窗”,也就是显⽰电⼦邮件客户端的区域。常⽤的⽅法是设置表的宽度为100%,且其嵌套的元素居中,同时还可以为表格设置背景⾊来作为电⼦邮箱的背景。

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。