为什么不用table布局

来源:互联网 发布:沪深a股数据下载 编辑:程序博客网 时间:2024/03/29 16:11

首先跟大家分享一下布局知识。


这样的布局,首先我参考了一下百度新闻的结构


这样的布局,百度结构是这样的


我最终也差不多是这样布局出来的,可是老大告诉我这样是有问题的。

后来查了下资料,知道了为什么。


由于html文件中的table标签的浏览速度较慢,所以,使用嵌套表格的方法来布局网页框架会使网页浏览的速度变慢。因为table是中的内容是自适应的,为了自适应,它要计算嵌套最深的节点以满足自适应,所以有可能会有一断时间出现空白才显示。所以是会有问题的。 
        使用DIV的方法布局网页框架的优点:可以通过css样式给框架进行功能强大的属性设置以及给网页的局部进行任意的定位,制作出来的页面浏览速度较快,同时页面的风格可以通过修改单独的css文件进行随意的修改和更新;缺点:每个div容器都需要定义css样式来控制,制作过程相比table方式要复杂。现在的网页越来越倾向于使用DIV的方法来布局网页了。 

论代码的复杂程度来说,不管table还是div都是很冗长的。css的网页比table的网页体积也许要小一点,但是复杂程度相差不大。网络访问上
css网页稍微会快点,但是总体的用户体验感觉差别不是很大。搜索引擎优化方面,我曾经用过cms数据采集,里面的程序用的HtmlParser类库解析
html网页,然后将元素中的数据用java dom转化为xml导入到数据库。这个类似蜘蛛的程序在爬行的时候table数据和div中数据爬行起来效率是一样的,
现在的大型搜索引擎不会因为div这种趋势而抛弃table我认为,如果一个网页架构的不好,不论table还是div都会被引擎所抛弃。
  但是网上的大部分人对于div+css的开发时间上是table的很多倍,而且还一个问题,网友说了,需要写很多代码用于适应不同浏览器,这个我现在
维护的公司网站在早期也有这个问题。其实这个问题是是否熟悉div的问题,如果一个熟悉div的话应该不会比table慢太多。
 "W3C规范中说Table是用来传数据的,但并没有指出Table不可以用来布局。搜索引擎对于网页的收录和排序显然不是以是否采用表格和CSS定位来衡量,这就是为什么很多传统表格布局制作的网站在搜索结果中的排序靠前,而很多使用CSS及web标准制作的网页排名依然靠后的原因。因为对于搜索引擎而言,网站结构、内容、相关网站链接等因素始终是网站优化最重要的指标。

所以,以后不能随便采用大公司网站的布局,会出问题的。


原创粉丝点击