Heim >Web-Frontend >HTML-Tutorial >div+css的优势_html/css_WEB-ITnose
什么是div+css:
在介绍div+css优势之前先来介绍一下什么是div+css。
div+css是当下网页设计中最流行的词汇之一,它是一种网页布局方式。在XHtml标准中,不再使用table定位方式,而是通过CSS控制div来实现我们所需要的定位,即div+css布局。此种布局方式已经超越表格布局方式,成为当下最为流行的方式,当前主流的大型网站甚至中小企业网站都已div+css布局方式,可见它的优越性所在。
div+css的优势:
div+css网页布局相对于table布局方式具有以下几个主要的优势:
1.网页表现与代码分离。可以将样式控制代码可以存放在一个单独的文件中,符合W3C标准,不用担心网络升级所带来的兼容性隐患。同时也能够提高访问速度,因为被剥离的样式控制文件,可能会被多个网页共用,所以一次加载以后可能会在缓存中存放,所以在访问其他页面的时候就不需要再加载次样式控制文件了。
2.有利于搜索引擎抓取。使用表格不布局的网页可能会有大量表格的嵌套,甚至很多表现控制代码直接写在网页之中,导致网页十分的庞大冗余,不利于搜索引擎有效的抓取网站有用内容。而div+css布局的网页中一般只保留有文本和简洁的结构化标签,非常有利于搜索引擎抓取。
3.网站改版相对容易。由于通过CSS控制网页的布局方式,所以一般通过较为对CSS文件和网页较为简单的修改就能达到网页大规模修改的要求。如果是表格形式的布局,则往往要重新设计表格,基本上相当于重新做一个新的网页。
4.代码简洁,有利于提高访问速度。实现相同效果的网页,使用div+css布局的要比使用表格布局的体积要小的多,所以能够节省带快提高访问速度。
容易产生的误区:
看了以上优点之后可能会产生不少的误区,例如,只要是div+css布局的网页就一定能够有利于搜索引擎的抓区或者节省带宽等等。其实决定网页是否具有点的主要因素是开发的水平,而不仅仅是一种技术。很多优秀的开发同样可以把使用表格布局的网页编写的非常有执行效率,相反很多开发者也可以把div+css布局的网页编写的一沓糊涂。
原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=4773