HTML中table和div布局的优缺点
由于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慢太多。
html网页设计 table "W3C规范中说Table是⽤来传数据的,但并没有指出Table不可以⽤来布局。搜索引擎对于⽹页的收录和排序显然不是以是否采⽤表格和CSS定位来衡量,这就是为什么很多传统表格布局制作的⽹站在搜索结果中的排序靠前,⽽很多使⽤CSS及web标准制作的⽹页排名依然靠后的原因。因为对于搜索引擎⽽⾔,⽹站结构、内容、相关⽹站链接等因素始终是⽹站优化最重要的指标。
所以,以后不能随便采⽤⼤公司⽹站的布局,会出问题的。
汇总:
table优点:开发时间短(使⽤DW开发速度快);纯table各浏览器不会有兼容问题;内容可⾃适应;在搜索引擎排名能靠前
table缺点:如果布局变更,需要重新开发;如果table⾥有div ul 等,可能会出现浏览器兼容问题;加载速度慢;table套table,会害死维护⼈员的
div优点:内容和显⽰分离,便于维护扩展,⽹页布局⽅便,当需求改变的时候,效果最明显
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论