div+css是网页设计中最顶级的设计技术,也是少数网络公司真正能掌握的设计技术,区别于传统网页设计的表格定位的形式,采用的是全新的“块定位”的形式,用最简洁的代码实现所有的内容,从而让企业网站在搜索引擎优化方面得到最大的推广优先。任何公司都无法保证自己设计的网站在搜索引擎的自动收录中的确切位置,但是实践证明,我们的div+css技术开发的网站在同等条件下被搜索引擎收录几率要大大高于同行其它技术开发的网站。
一,什么是div+css?
div+css是网站标准(或称“web标准”)中常用的术语之一,通常为了说明与html网页设计语言中的表格(table)定位方式的区别,因为xhtml网站设计标准中(xhtm是目前国际上倡导的网站标准设计语言,xhtml网站设计语言具有的基本特点,在css+div架构中具有优势),不再使用表格定位技术,而是采用div+css的方式实现各种定位。
css是英语cascading style sheets(层叠样式表单)的缩写,它是一种用来表现 html 或 xml 等文件式样的计算机语言。(脚本学堂 www.jb200.com)
div元素是用来为html文档内大块(block-level)的内容提供结构和背景的元素。div的起始标签和结束标签之间的所有内容都是用来构成这个块的,其中所包含元素的特性由div标签的属性来控制,或者是通过使用样式表格式化这个块来进行控制。
二,div+css的优势
1,代码精简
使用div+css布局,页面代码精简,这一点对xhtml有所了解的都知道。例如:例如:www.jb200.com就是div+css布局,代码精简所带来的直接好处有两点:一是提高spider爬行效率,能在最短的时间内爬完整个页面,这样对收录质量有一定好处;二是由于能高效的爬行,就会受到spider喜欢,这样对收录数量有一定好处。
2,表格的嵌套问题
使用一般的table表格架构,为了达到一定的视觉效果,不得不套用多个表格。如果嵌套的表格中是核心内容,spider爬行时跳过了这一段没有抓取到页面的核心,这个页面就成了相似页面。网站中过多的相似页面会影响排名及域名信任度。而div+css布局基本上不会存在这样的问题,从技术角度来说,xhtml在控制样式时也不需要过多的嵌套。
3,改版优势
使用div+css架构,方便网站初期的调整与改版。这种技术是分别针对各个模块进行开发的,如企业邮局部调整布局的需求,通过这种架构可以针对某个模块进行调整、美工设计,方便了企业改版的程序,也为企业节省了大量改版费用。
4,速度问题以及导致的搜索引擎优化
div+css布局较table布局减少了页面代码,加载速度得到很大的提高,这在spider(蜘蛛)爬行时是非常有利的。像一般的table表格架构,里面有过多的页面代码,这样会造成爬行超时,spider(蜘蛛)就会认为这个页面无法访问,影响收录及权重。div+css布局提高了spider爬行的速度,这对整个搜索引擎优以及推广都是非常有利的。