DIV+CSS结构设计与Table的差异

  DIV+CSS时下最流行的或者说大部分做网页设计的人都采用的方式。说起来我干网页设计和">网站制作也有六七年的时间了,当初DIV刚刚兴起的时候,曾和朋友们试过用DIV,但因为当时DIV+CSS这种技术还不成熟,所以也就没太在意,依然用TABLE,但,时至今日,DIV+CSS已把TABLE+CSS淘汰了,我们这些常用TABLE的人,也得慢慢熟悉DIV了。

其实从本身来讲,这两种布局没有差异,原因很简单,DIV是一种元素容器,table也是一种元素容器,两者能有什么差别呢,真有差别的话也只是table多了个 <tr>和 <td>。

但DIV可以加CSS,table一样可以加CSS。

那么,为什么现在人们如此鼓吹div+css,一味排斥传统的table布局呢,我觉得,无非是两种种情况。

1: 设计师用table布局就过于依赖table,而不用css,但这只能说作为设计人员的问题,不能说是table布局的错!

2: 人们追逐潮流,一味虚荣、比较的心态!

下面我就针对第2个问题,来探讨下div+css和table布局的优劣。

首先,说速度。

这是一味鼓吹div+css的人最善于比较的。难道table布局速度真的就慢?

当然不是,我们知道,我们打开一个网址,实际上是去一个远程服务器上取得一个文件,那么在带宽有限的情况,决定速度的唯一问题就是获取文件的大小,文件越大,传输时间越长!

一旦文件下载完成到本地,浏览器打开网页都是一瞬间的,以现在电脑CPU的处理速度,可以说再复杂的表格嵌套,那么有10层,也是在一瞬间打开。再者而且难道div就没有嵌套了吗?可以毫不怀疑的说,用table有多少嵌套,div也要有多少嵌套。只不过还是上面所说的table多了一个 <tr>和 <td>,

看似页面文件字节是大了些。但是不要忘了纯粹的div要大量的css去修饰,css也是要占用字节的。

  首先来说,DIV的好处在于样式与主体内容分离,大量减少网页代码量,使网页下载速度更快。而且对于后期网站维护来说,也是相当便捷的,这是DIV最大的优势。但个人认为,DIV也不一点缺点都没有,比如一个大型且架构复杂的网站来说,采用DIV布局对团队合作来说就是一个不小的折磨。因为全是DIV标签,如果不是本人做的,根本找不到需要的内容,当然可以添加注释,但这并不能完全解决这个问题。

  对于用习惯了TABLE的人来说,DIV确实很难适应,这就像学习武功,你本来学习的少林的功夫,如果再学武当的,兴许里面就有些冲撞,除非你忘了原来的基础,从头再来。DIV来说也是这样,对我来说对于用DIV控制盒子的各项属性就是一个不小的难题,兴好现在通过练习逐渐攻克了这个难关。

据我知道,用table或用div都能够达到你需要的布局,这点没什么好说的, 究竟哪个方便纯属个人习惯,但有一点是不同的,从理论上来说:div中的内容是边下栽边显示,而table中的内容下载完再显示, 速度比较快的时候很难感觉差异, 但决定网速的快慢因素很多,所以用div总觉得效率高一点,也可能仅仅是一种感觉吧!!

主要是呈现的方式不同和目标不同,就好比Table 可以看作 Office中Excel和div 好比 Office中的Word.

Div是读多少显示多少?而table是要读全所有内容元素之后才显示的。
 
    对于一些网络带宽很低或者经常有网络问题的用户来说。如果页面全局是用Table布局的话,要读完整个页面才能显示的。所以国际性,大型网站的布局如果用Table布局显然是不合理的。

你说的DIV+CSS中国人用的最多,因为受招聘方限制,这没办法。你去看下现在市面上的招聘广告,凡是和界面美化有关的都必须是DIV+CSS,有的甚至连写BLL以及DAL的都需要了解DIV+CSS。

大家只要去看下微软一些.NET服务器控件,经过浏览器解释基本都是table,最多就是table外面包了层div 最好的优化就是混着应用。该用的地方就得用。

  DIV+CSS任重而道远啊。

  本文原创 www.531dns.com

时间: 2024-10-09 13:43:50

DIV+CSS结构设计与Table的差异的相关文章

div+css 如何在table标签里面建立二级菜单

问题描述 div+css 如何在table标签里面建立二级菜单 <body> <div class="ontainer"> <div class="Header" align="center"><img src="无标题.jpg" width="80%" height="160" /></div><!--定义了width为

div+css布局和table布局区别

一.用div+css网站布局的好处 1:表现和内容相分离 将设计部分剥离出来放在一个独立样式文件中,HTML文件中只存放文本信息. 2:提高搜索引擎对网页的索引效率 用只包含结构化内容的HTML代替嵌套的标签,搜索引擎将更有效地搜索到你的网页内容,并可能给你一个较高的评价. 3:提高页面浏览速度 对于同一个页面视觉效果,采用CSS+DIV重构的页面容量要比TABLE编码的页面文件容量小得多,前者一般只有后者的1/2大小. 4:易于维护和改版 你只要简单的修改几个CSS文件就可以重新设计整个网站的

DIV+CSS与TABLE布局的明显区别

DIV+CSS布局较Table布局减少了页面代码,加载速度得到很大的提高,这在Spider爬行时是非常有利的. 网站布局从以前的TABLE方式转换到现在的DIV+CSS布局方式..那么这种方法比起以往的TABLE布局方式对网站都有什么影响呢? 本文来做个简单介绍 主要体现在以下几个方面 一.解决表格嵌套让蜘珠触角无数不大 很多"网站如何推广"的文章中称,搜索引擎一般不抓取三层以c的官方证实.我的几项实验结果没有完全出来,但根据目前掌握的情况来看,Spider爬行Table布局的页面,遇

【DIV+CSS入门教程】使用Table布局是不明智的

使用Table布局页面为什么是不明智的? 大家看到标题,不要误解认为在页面中不能使用Table,而是可以使用Table,但是尽量不要用Table去布局页面,为什么这么说呢,因为使用Table布局页面会使页面失去灵活性,怎么个灵活法呢,比如今天你好不容易做出来的页面,第二天老板说我不喜欢登录模块放到右边,还是放到左边,通知板块放到右侧去,页面风格最好一个月换一种,如果遇到这种老板,提出这种要求,并且你的页面是用Table布局的,那么你会崩溃的,工作量那是大大滴~,如果不相信的话,你们自己可以找个页

基于XHTML标准DIV+CSS布局对SEO的影响

css|seo|xhtml|标准 前两天发完<SEO参考:DIV+CSS三行两列经典布局>一文,不少朋友在MSN上问我,使用XHTML标准的DIV+CSS布局对于SEO到底有什么作用.这两天简单总结了一下,写出来供参考. XHTML技术问题请参考相关网站研究,下面说说在SEO方面的影响. 代码精简 使用DIV+CSS布局,页面代码精简,这一点相信对XHTML有所了解的都知道.代码精简所带来的直接好处有两点:一是提高spider爬行效率,能在最短的时间内爬完整个页面,这样对收录质量有一定好处;二

DIV+CSS布局的网页对网站SEO的影响

css|seo|网页 代码精简 使用DIV+CSS布局,页面代码精简,这一点相信对XHTML有所了解的都知道.代码精简所带来的直接好处有两点:一是提高spider爬行效率,能在最短的时间内爬完整个页面,这样对收录质量有一定好处;二是由于能高效的爬行,就会受到spider喜欢,这样对收录数量有一定好处. 表格的嵌套问题 很多网站如何推广的文章中称,搜索引擎一般不抓取三层以上的表格嵌套,这一点一直没有得到搜索引擎官方的证实.我的几项实验结果没有完全出来,但根据目前掌握的情况来看,spider爬行Ta

使用DIV+CSS网页布局在SEO优化的优势

css|seo|优化|网页布局 SEO主要就是通过对网站的结构,标签,排版等各方面的优化,使Google等搜索引擎更容易搜索网站的内容,并且让网站的各个网页在Google等搜索引擎中获得较高的评分,从而获得较好的排名.DIV+CSS网页布局对SEO有哪些影响呢? 一.精简网页代码 使用DIV+CSS布局,页面代码精简,这一点相信对XHTML有所了解的都知道. 代码精简所带来的直接好处有两点:一是提高Spider爬行效率,能在最短的时间内爬完整个页面,这样对收录质量有一定好处;二是由于能高效的爬行

比较详细的DIV+CSS布局网页对网站SEO的影响_网站应用

SEO主要就是通过对网站的结构,标签,排版等各方面的优化,使Google等搜索引擎更容易搜索网站的内容,并且让网站的各个网页在GOOGLE等搜索引擎中获得较高的评分,从而获得较好的排名.DIV+CSS网页布局对SEO有哪些影响呢? 代码精简 使用DIV+CSS布局,页面代码精简,这一点相信对XHTML有所了解的都知道.代码精简所带来的直接好处有两点:一是提高spider爬行效率,能在最短的时间内爬完整个页面,这样对收录质量有一定好处;二是由于能高效的爬行,就会受到spider喜欢,这样对收录数量

DIV+CSS布局的网站对网站SEO的影响分析_经验交流

符合XHTML标准DIV+CSS布局的网站,下面说说在SEO方面的影响. 代码精简 使用DIV+CSS布局,页面代码精简,这一点相信对XHTML有所了解的都知道.代码精简所带来的直接好处有两点:一是提高spider爬行效率,能在最短的时间内爬完整个页面,这样对收录质量有一定好处;二是由于能高效的爬行,就会受到spider喜欢,这样对收录数量有一定好处. 表格的嵌套问题 很多SEOer在其文章中称,搜索引擎一般不抓取三层以上的表格嵌套,这一点一直没有得到搜索引擎官方的证实.我的几项实验结果没有完全