海映视角

Perspective

DIV+CSS是什么意思,用DIV+CSS制作网站有什么好处?
发布日期:2010-02-25      浏览:

东莞网站建设-东莞做网站-东莞网站制作-海映传媒http://www.hi-ing.com

东莞海映传媒在网站建设设计中使用了DIV+CSS的页面布局方式,也有许多客户问我们这样做有什么什么不同,有什么好处,现在我们在此做一个统一的答复。

其实在很早以前,我们就要求我们的网站开发技术人员使用DIV+CSS的页面布局方式来设计开发客户网站,国内很多知名公司的网站都纷纷进行了DIV+CSS重构,例如:当当、163、新浪、搜狐、阿里巴巴等等。业界越来越关注DIV+CSS标准化布局设计,在其影响下,网页设计人员已经把这一要求作为行业标准。

什么是DIV+CSS?


CSS+DIV是网站标准(或称web标准)中常用的术语之一,为了说明与HTML网页设计语言中的表格(table)定位方式的区别,因为在XHTML网站设计标准中,不再使用表格定位技术,而是采用css+div的方式实现各种定位。

CSS+DIV通常是为了说明与HTML网页设计语言中的表格(table)定位方式的区别,因为XHTML网站设计标准中,不再使用表格定位技术,而是采用css+div的方式实现各种定位。也有一些网站开发设计人员用CSS+DIV表示网站标准。

DIV的起始标签和结束标签之间的所有内容都是用来构成这个块的,其中所包含元素的特性由DIV标签的属性来控制,或者是通过使用样式表格式化这个块来进行控制。

CSS+DIV是基于XHTML网站设计语言的国际WEB标准中的典型应用,CSS是英语Cascading Style Sheets(层叠样式表单)的缩写,它是一种用来表现 HTML 或 XML 等文件式样的计算机语言。DIV元素是用来为HTML文档内大块(block-level)的内容提供结构和背景的元素。


采用Div+CSS设计布局网站具有以下的优点:

第一、大大缩减页面代码。
因为采用CSS布局,不象表格布局充满各种各样的属性和数字,而且很多css文件通常是共用的,从而提高页面浏览速度。而Table表格布局中,垃圾代码会很多,一些修饰的样式及布局的代码混合一起,很不利于直观。而Div 更能体现样式和结构相分离,结构的重构性强。


第二、对搜索引擎更加友好同时获得更好的网站排名
DIV+CSS布局简洁清晰,具备搜索引擎SEO的先天条件。对搜索引擎更加友好,更容易被搜索引擎收录,配合优秀的内容和一些SEO处理,可以获得更好的网站排名。
DIV+CSS布局不公方便搜索引擎收录,而且还可以并获得搜索引擎更高的评价。用只包含结构化内容的HTML代替嵌套的标签,主次分明,搜索引擎将更有效地搜索到你的内容,并可能给你一个较高的评价(ranking)。

第三、兼容性卓越
DIV+CSS布局符合web标准规范,几乎所有的浏览器上都可以使用,不会因为在不同的浏览器中显示效果差距很大。

第四、缩短网站改版时间
因为网站的布局都是通过外部的css文件来控制,只要简单的修改几个CSS文件就可以将许多网页的风格格式同时更新,不用再一页一页地更新了。你可以将站点上所有的网页风格都使用一个CSS文件进行控制,只要修改这个CSS文件中相应的行,那么整个站点的所有页面都会随之发生变动。

第五、强大的控制和排版布局能力
CSS在控制字体的能力比糟糕的FONT标签好太多了,CSS不再需要用FONT标签或者透明的1px图片来控制标题、改变字体颜色、字体样式等等。

第六、提高易用性
使用CSS可以结构化HTML,例如:p标签只用来控制段落,h1-h6标签只用来控制标题,table标签只用来表现格式化的数据等等。你可以增加更多的用户而不需要建立独立的版本。

第七、扩展性能优越
你的设计不仅仅用于web浏览器,也可以发布在其他设备上,比如PowerPoint,手机浏览器等。

第八、灵活的页面布局
通常页面的下载是按照代码的排列顺序,而表格布局代码的排列代表从上向下,从左到右,无法改变。而通过CSS控制,您可以任意改变代码的排列顺序,比如将重要的右边内容先加载出来。
Table表格布局灵活性不大,你只能遵循 table tr td 的格式。而div你可以 div ul li 也可以 ol li 还可以 ul li......

第九、表现和内容相分离
干净利落,将设计部分剥离出来放在一个独立样式文件中,而网页主要来放置您的内容,你可以减少未来网页无效的可能。

东莞网站建设-东莞做网站-东莞网站制作-海映传媒(http://www.hi-ing.com)

 

Copyright @ 2011 东莞市海映广告传媒有限公司,保留所有权利。;粤ICP备13064493号
东莞网站建设  热点新闻  联系我们