admin 发表于 2019-4-28 14:50:18

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

https://www.html5tricks.com/why-not-table-layout.html
<ul type="1" class="litype_1"><li>Table要比其它html标记占更多的字节。<br>(延迟下载时间,占用服务器更多的流量资源。)</li><li>Tablle会阻挡浏览器渲染引擎的渲染顺序。<br>(会延迟页面的生成速度,让用户等待更久的时间。)</li><li>Table里显示图片时需要你把单个、有逻辑性的图片切成多个图。<br>(增加设计的复杂度,增加页面加载时间,增加HTTP会话数。)</li><li>在某些浏览器中Table里的文字的拷贝会出现问题。<br>(这会让用户不悦。)</li><li>Table会影响其内部的某些布局属性的生效(比如&lt;td&gt;里的元素的height:100%)<br>(这会限制你页面设计的自由性。)</li><li>一旦学了CSS知识,你会发现使用table做页面布局会变得更麻烦。<br>(先花时间学一些CSS知识,会省去你以后大量的时间。)</li><li>table对对于页面布局来说,从语义上看是不正确的。<br>(它描述的是表现,而不是内容。)</li><li>table代码会让阅读者抓狂。<br>(不但无法利用CSS,而且会你不知所云)</li><li>table一旦设计完成就变成死的,很难通过CSS让它展现新的面貌。<br></li></ul><b>Tables的好处</b><div align="left"><font face="Helvetica, Arial, sans-serif">在某些场合,使用Table是100%的适合、恰当和正确。比如,用table做表格是完全正确的。</font></div><div align="left"><font face="Helvetica, Arial, sans-serif">如果你无法判断是否应该使用table,参考一下上面的几条,相信你能找到答案。</font></div>
页: [1]
查看完整版本: 为什么我们不建议用Table布局