室内设计培训
平面设计培训
部落窝教育
网站首页 >> 设计在线 >> 文章内容

DIV+CSS的定义及优势

[日期:2010-03-03]   来源:主流技术阁  作者:主流技术阁   阅读:810[字体: ]
内容提要:一、什么是CSS+DIV?二、CSS+DIV有哪些优势?

一、什么是CSS+DIV?

  CSS+DIV是网站标准(或称“WEB标准”)中常用的术语之一,通常为了说明与HTML网页设计语言中的表格(table)定位方式的区别,因为XHTML网站设计标准中,不再使用表格定位技术,而是采用css+div的方式实现各种定位。
  CSS是英语Cascading Style Sheets(层叠样式表单)的缩写,它是一种用来表现 HTML 或 XML 等文件式样的计算机语言。
  DIV元素是用来为HTML文档内大块(block-level)的内容提供结构和背景的元素。DIV的起始标签和结束标签之间的所有内容都是用来构成这个块的,其中所包含元素的特性由DIV标签的属性来控制,或者是通过使用样式表格式化这个块来进行控制。


二、CSS+DIV有哪些优势?

  采用CSS+DIV进行网页重构相对与传统的TABLE网页布局而具有以下4个显著优势:

  1、表现和内容相分离
  将设计部分剥离出来放在一个独立样式文件中,HTML文件中只存放文本信息。

  2、提高搜索引擎对网页的索引效率
  用只包含结构化内容的HTML代替嵌套的标签,搜索引擎将更有效地搜索到你的网页内容,并可能给你一个较高的评价。

  3、提高页面浏览速度
  对于同一个页面视觉效果,采用CSS+DIV重构的页面容量要比TABLE编码的页面文件容量小得多,前者一般只有后者的1/2大小。

  4、易于维护和改版
  你只要简单的修改几个CSS文件就可以重新设计整个网站的页面。

  采用CSS+DIV对网站重构可以大大提升网站用户与搜索引擎的友好度。

主流技术阁PS,CDR,213班 分享到: QQ空间 新浪微博 腾讯微博 人人网
photoshop教程
Photoshop教程
平面设计教程
Photoshop教程