亲,来啦,南粤互联助您生意更红火!
首页 > 资讯详细 > 网页布局之html表格布局的没落

网页布局之html表格布局的没落

2017-3-18 |
建站百科
来源:
12881

Html表格在网页布局中的应用已经有很多年了,多年技术的发展与Web工具的增强,一度使html表格布局达到了登峰造极的地步。网页制作师可以非常轻松的使用图像编辑器设计网页并切图,最后自动生成以表格布局的网页。

但传统表格布局虽然加速了网页制作师们完成网页速度,但却忽视了代码的理性分析。实际上,html表格的功能不是用来进行网页布局的,最初的网页也没有今天这么复杂,仅显示文本或几个简单的图像,后来随着网页内容的丰富,图像、声音、动画等多媒体不断充斥着网页,用户对网页视觉提出了更高的要求,于是就有人试着在表格中放置一些网页的内容。

其实在表格布局之初就有专家提出异议,而且那时css技术也已经公布于众,一套较完善的网页标准技术也已经被推向市场,但响应者甚少,微软的IE浏览器更是带头唱反调,标准就这样被非标准压制了好几年。

现在Web技术从 1.0 跨入 2.0 时代,表格布局已经不能再适应新技术的发展趋势了,如今的Web世界中用户体验才是王道,xhtml + css 的技术应用逐渐占据上风,使微软这样的巨无霸也不得不臣服于W3C所提倡的标准之下。

Web 2.0 对于网页结构和布局提出了更高的要求,这不仅仅是为了节省几行代码、减少带宽的问题,因为今天的网络带宽已经不是技术发展的主要障碍了。要实现Web的交互与共建就必须允许用户可以操纵网页,而这些都必须建立在完全标准的网页结构之上,这是html表格布局无法做到的。

Web 2.0 的这种要求与表格网页布局是格格不入的,透过那些所谓精美的表格页面看网页源代码,你会发现就如同看天书一般,这让后期维护和更新成为了一场噩梦,我们通过一个简单的案例来说明这个问题。

网页布局之html表格布局与XHTML+CSS布局比较

上图中,位于左侧上方的是html表格布局,右侧下方的是 xhtml + css 布局,我们清晰的可以看出其代码量相差很大,这只是一个最简单的网页布局,但如果做一个企业网站或者一个大型门户网站,其代码量的差距是可想而知的。

但遗憾的是,部分设计师在学习和使用网页布局时有表格恐惧症,认为网页中只要出现<table>、<td>、<tr>等标签就是不符合标准的,实际上这是种错误的认识,我们在网页布局中只要记住一点:表格是用来组织和展示数据的,而不是用来布局的,当你要展示一个二维表格的数据给用户时,选择使用表格是再恰当不过的了。


关注微信公众号南粤互联(south365),定时推送,福利互动精彩多
  • 15分钟致电

    建站顾问快速响应您的需求

  • 专业上门服务

    2-5小时最快当天出方案

  • 免费网站诊断

    营销专家精准分析诊断报告

  • 好口碑好伙伴

    10年实战经验专业团队

马上联系 400-8868-195
让您的生意更红火

南粤互联,用心做好每一个网站。