Table被web编程弃用的原因

  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让它展现新的面貌。 (你看过CSS Zen Garden吗?)

Tables的好处

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

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

原文发布于微信公众号 - php(phpdaily)

原文发表时间:2015-11-04

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏DeveWork

无插件仅代码实现 WordPress 分页导航(2)

最近在折腾 Jeff的阳台 的新主题,在老外的一个主题那里找到了分页导航的一段没有见过的代码,相对应之前的代码而言比较简洁(核心代码仅仅十来行),在这里推荐给大...

20510
来自专栏Coding01

推荐一款快速制作通讯录的微信小插件

只要有通讯录的地方,就会需要对通讯录姓名进行分组排序和界面设计,主流做法基本是按照人名的拼音首字母排序,效果图如下:

1272
来自专栏梁源的专栏

基于 vue-cli + webpack 开发实践:《体育视频播放页》

《体育视频播放页》基于vue-cli+webpack开发,此次开发总结,将会总结开发过程中涉及到的知识点以及开发技巧,希望能帮助到想要在工作中使用Vue.js开...

9014
来自专栏谈补锅

解读AppIcon图标设置置信息和App内存警告临界值

  前面有同学问到了iOS内存警告临界值和工程项目里AppIcon的一些配置信息,相信对刚入行的同学来说,可能都会碰到类似的问题,记录一下供后来者查询。

1342
来自专栏Google Dart

AngularDart4.0 指南- 表单 顶

表单是商业应用程序的主流。您可以使用表单登录,提交帮助请求,下订单,预订航班,安排会议,并执行无数其他数据录入任务。

5912
来自专栏nice_每一天

IntelliJ Idea 常用快捷键 列表(实战终极总结!!!!)

开始从eclipse转向intellij idea,记下这些实用快捷键,以便使用查询。

1.3K5
来自专栏我和未来有约会

[礼物]发布一款silverlight开发的相册

采用silverlight开发了一个相册,数据是读取静态的xml,"Photos.xml"。增加了一个"AppConfig.xml",相册的信息都可以在里边修改...

3006
来自专栏林德熙的博客

win10 uwp 获得缩略图 文件缩略图视频小图

有时候需要获得文件或视频的缩略图。 本文提供两个方法,用于获得文件的缩略图和截取视频指定时间的显示图片。

2161
来自专栏LinXunFeng的专栏

iOS 面向协议封装全屏旋转功能

到这里相关的说明已罗列完毕,有什么不清楚的可以下载Demo看看,或者在文章下方留言提问

1386
来自专栏Python爬虫实战

Python爬虫之四:今日头条街拍美图

运行平台: Windows Python版本: Python3.6 IDE: Sublime Text 其他工具: Chrome浏览器

781

扫码关注云+社区