Table布局的优缺点介绍及为什么不建议使用

ttx9n · 发表于 2014-6-12 09:06:03

Table布局的缺点是比其它html标记占更多的字节，会阻挡浏览器渲染引擎的渲染顺序，会影响其内部的某些布局属性的生效，优点就是用table做表格是完全正确的 Tables的缺点

1、Table要比其它html标记占更多的字节。(延迟下载时间，占用服务器更多的流量资源。)

2、Tablle会阻挡浏览器渲染引擎的渲染顺序。(会延迟页面的生成速度，让用户等待更久的时间。)

3、Table里显示图片时需要你把单个、有逻辑性的图片切成多个图。(增加设计的复杂度，增加页面加载时间，增加HTTP会话数。)

4、在某些浏览器中Table里的文字的拷贝会出现问题。(这会让用户不悦。)

5、Table会影响其内部的某些布局属性的生效(比如<td>里的元素的height:100%)(这会限制你页面设计的自由性。)

6、一旦学了CSS知识，你会发现使用table做页面布局会变得更麻烦。(先花时间学一些CSS知识，会省去你以后大量的时间。)

7、table对对于页面布局来说，从语义上看是不正确的。(它描述的是表现，而不是内容。)

8、table代码会让阅读者抓狂。(不但无法利用CSS，而且会你不知所云)

9、table一旦设计完成就变成死的，很难通过CSS让它展现新的面貌。

Tables的优点

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

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

ki9ku6 · 发表于 2022-11-6 01:11:55

1312315458748777

do827261756 · 发表于 2022-12-31 21:28:14

。。。。。。。。。。。。。。。

wqpa63gz · 发表于 2023-1-27 06:06:22

还有人在不。。。。。。。。。。啊

.l4 · 发表于 2023-1-29 03:26:43

问问问企鹅哇哇哇哇哇

z835648964 · 发表于 2023-2-4 03:06:17

这个源码不错啊

x20yd3qx · 发表于 2023-2-23 21:09:49

那三门，你们谁寂寞才快乐撒

Anthonylam · 发表于 2023-4-16 02:04:15

给爸爸爸爸爸爸爸爸爸爸八佰伴八佰伴

errol123 · 发表于 2024-3-3 21:43:13

大家都不容易！

额呵呵 · 发表于 2024-5-15 12:00:32

那三门，你们谁寂寞才快乐撒

账号		自动登录	找回密码
密码			立即注册

[心得技巧] Table布局的优缺点介绍及为什么不建议使用