DIV+CSS技术及其优势

开发 前端
DIV+CSS是网站标准(或称“WEB标准”)中常用术语之一,DIV+CSS技术一种更好的、更有亲和力的、更灵活的,而且功能更强大的网站设计方法。

随着WEB2.0标准化设计理念的普及,国内很多大型门户网站已经纷纷采用DIV+CSS技术制作方法,从实际应用情况来看,此种方法绝对好于表格制作页面的方法,希望本文的介绍能让你有所收获。   

DIV+CSS技术

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

随着WEB2.0标准化设计理念的普及,国内很多大型门户网站已经纷纷采用DIV+CSS技术制作方法,奋斗网络也成为了CSS网页布局技术学习的先锋站点,从实际应用情况来看,此种方法绝对好于表格制作页面的方法。   

如今大部分网站仍然采用表格嵌套内容的方式来制作网站,虽然此方法对于我们来说比较熟悉、比较上手;但是,它却阻碍了一种更好的、更有亲和力的、更灵活的,而且功能更强大的网站设计方法——DIV+CSS技术。   

DIV+CSS网页布局的意义体现在如下方面:   

一、使页面载入得更快   

由于将大部分页面代码写在了CSS当中,使得页面体积容量变得更小。相对于表格嵌套的方式,DIV+CSS技术将页面独立成更多的区域,在打开页面的时候,逐层加载。而不像表格嵌套那样将整个页面圈在一个大表格里,使得加载速度很慢。   

二、降低流量费用   

页面体积变小,浏览速度变快,这就使得对于某些控制主机流量的网站来说是***的优势了。   

三、修改设计时更有效率   

由于使用了DIV+CSS技术制作方法,在修改页面的时候更加容易省时。根据区域内容标记,到CSS里找到相应的ID,使得修改页面的时候更加方便,也不会破坏页面其他部分的布局样式。   

四、保持视觉的一致性   

DIV+CSS技术最重要的优势之一:保持视觉的一致性;以往表格嵌套的制作方法,会使得页面与页面,或者区域与区域之间的显示效果会有偏差。而使用DIV+CSS的制作方法,将所有页面,或所有区域统一用CSS文件控制,就避免了不同区域或不同页面体现出的效果偏差。   

五、更好地被搜索引擎收录   

由于将大部分的HTML代码和内容样式写入了CSS文件中,这就使得网页中正文部分更为突出明显,便于被搜索引擎采集收录。   

六、对浏览者和浏览器更具亲和力   

我们都知道网站做出来是给浏览者使用的,对浏览者和浏览器更具亲和力,DIV+CSS技术在这方面更具优势。由于CSS富含丰富的样式,使页面更加灵活性,它可以根据不同的浏览器,而达到显示效果的统一和不变形。

【编辑推荐】

  1. DIV CSS网页布局时合理架构CSS
  2. 技术分享 如何实现CSS横向导航
  3. 技术分享 DIV CSS网站布局八大窍门
  4. DIV CSS中id与class使用用原则与技巧
  5. 鼠标经过时改变DIV背景颜色的三种途径
责任编辑:佚名 来源: hi.baidu.com
相关推荐

2010-08-27 13:46:58

DIV+CSS

2010-09-07 14:09:54

DIV+CSS

2010-09-10 10:30:39

DIV+CSS

2010-08-23 16:23:53

CSS+DIV

2010-08-23 10:50:39

DIV+CSS

2010-09-10 15:47:49

DIV+CSS滑动门

2010-08-25 09:11:57

DIVCSS

2010-08-27 14:05:40

DIV+CSS

2010-08-25 12:47:40

DIVCSS

2010-08-16 15:19:35

DIV+CSS教程

2010-08-24 10:32:34

DIV+CSS

2010-08-30 10:46:13

DIV+CSS

2010-08-30 13:09:40

DIVCSS

2010-08-24 11:25:06

DIVCSS

2012-08-06 09:40:36

DIV

2011-05-17 09:51:27

Div+CSS

2010-08-16 13:17:47

DIV+CSS

2010-08-30 11:08:53

DIV+CSS

2010-09-14 12:58:41

DIV+CSS圆角

2010-08-23 14:30:14

DIV+CSS
点赞
收藏

51CTO技术栈公众号