理性的去看待DIV+CSS布局

现在都说DIV+CSS好,但是好在哪里呢?我也没有看出来,今天群里就有人寻求将表格改成div+css.

DIV+css的优势我在以前已经说过了.他也可以叫做XHTML.是网站标准(或称“WEB标准)中常用的术语之一.通常为了说明与HTML网页设计语言中的表格(table)定位方式的区别,因为XHTML网站设计标准中,不再使用表格定位技术,而是采用DIV+CSS的方式实现各种定位。

CSS是英语Cascading Style Sheets(层叠样式表单)的缩写,它是一种用来表现 HTML 或 XML 等文件式样的计算机语言.
DIV元素是用来为HTML文档内大块(block-level)的内容提供结构和背景的元素.DIV的起始标签和结束标签之间的所有内容都是用来构成这个块的,其中所包含元素的特性由DIV标签的属性来控制,或者是通过使用样式表格式化这个块来进行控制.

但是我们需要的是从SEO的角度理性的看待DIV+CSS,首先,搜索引擎不会在意一个页面的设计或者构成,搜索引擎不可能“欣赏”设计漂亮新颖的页面,也不会去“排斥”颜色搭配丑陋的页面.它们只是默默地拿到它们需要的内容就离开,如果一个页面中涵盖了大量的table来描述构架,试想搜索引擎要花多大的代价才可以拿到真正有用的信息呢?一般来说,table构架描述的页面,样式结构和内容信息大小比可能达到1:1甚至更高。而CSS+DIV构架的页面,虽然在客户端看来下载一个复杂的CSS也要占用差不多的带宽,然而搜索引擎可以很方便的绕过这个css,而直接抓去div中的内容。这便是div的优势所在。带宽的稍多占用,完全显得微不足道,更何况一个冗余的table设计架构如果代码写的不好会占用更多的带宽。

另外一个就是从重构页面的角度,现在流行的BLOG程序,比如php下面的Wordpress,pjblog,bo-blog,sablog,还有CMS都是采用div+css构架,内容和样式的分离导致我们在重构页面布局的时候,只用针对每一个div元素重新定义其具体位置、样式就行了,这个在更换模板的时候就可以看出来有多么的方便,但是如果是表格的话.想想就害怕.

div+css是一个烧钱的技术,所以原来的公司都是2流的技术人员吧大把大把的代码向表格里面塞,对与div+css的认同和投入,直接决定了网站的目标,现在很多人都愿意为它付出代价.

不过,在具体实体商业化过程中,一定要把自己陷入"Web标准"的泥潭里应该静心思考为什么使用div+css,而不是如何实现某个细节.反而如果太拘泥于div+css,如果为了实现一个效果而不顾策略强行使用一种技术,是非常失败的一种做法,为了某个布局中1px的差距能节省3k的HTML文件size,哪怕放弃视觉上这1px的效果,都很值得.

理性看待最为重要.

相关推荐

发表评论

电子邮件地址不会被公开。 必填项已用*标注

微信扫一扫

微信扫一扫

微信扫一扫,分享到朋友圈

理性的去看待DIV+CSS布局
嘿!有什么能帮到您的吗?
返回顶部

显示

忘记密码?

显示

显示

获取验证码

Close