软件下载 | 资讯教程 | 最近更新 | 下载排行 | 一键转帖 | 发布投稿
您的位置:最火下载站 > Web前端 > 工具与技巧 > Table和Div布局的比较

Table和Div布局的比较

2010年2月1日,网友介绍我博客园,我作为混了IT差不多3年的人,最近一直对研究页面布局和ssh的框架,很多东西实在很难记住。

开个博客记录下我的技术方面遇到问题的解决方法。第一个要记录的就是table布局和div+css布局,看了很多网友评论。

论代码的复杂程度来说,不管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标准制作的网页排名依然靠后的原因。因为对于搜索引擎而言,网站结构、内容、相关网站链接等因素始终是网站优化最重要的指标。"

“Div+CSS和Table+CSS都是合法的设计,谁更简单就用谁。根据我的经验,当你能预见你的内容的格式,对你即将加入的内容有能力完全控制其显示格式时,应当使用Div+CSS;当你即将加入的内容是不固定的,你无法预见其格式,如果不想让页面坍塌,使用Table+CSS是一种保险的做法。”

以上2句话网友的话我是比较认同。但是不管怎么样,用css将内容和修饰分离倒是可以肯定的!

转自:http://www.cnblogs.com/wattone/

    相关阅读
    栏目导航
    推荐软件