专家答疑 DIV+CSS的概念和优势

开发 前端
DIV+CSS高级布局已逐渐流行,但面对所谓DIV+CSS布局的叫法让人更为担心,不要让DIV成为Table的替代品,多层嵌套的DIV会严重影响代码的可阅读性。

本文和大家重点学习一下DIV+CSS网页重构的概念和优势,DIV+CSS是网站标准(或称“WEB标准”)中常用术语之一,通常为了说明与HTML网页设计语言中的表格(table)定位方式的区别。

DIV+CSS网页重构

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

  CSS是英语CascadingStyleSheets(层叠样式表单)的缩写,它是一种用来表现HTML或XML等文件式样的计算机语言。
 
  DIV+CSS高级布局已逐渐流行,但面对所谓DIV+CSS布局的叫法让人更为担心,不要让DIV成为Table的替代品,多层嵌套的DIV会严重影响代码的可阅读性,活用HTML为我们提供的标签吧。

DIV+CSS的优势何在?

  1、符合W3C标准。微软等公司均为W3C支持者。这一点是最重要的,因为这保证您的网站不会因为将来网络应用的升级而被淘汰。

  2、支持浏览器的向后兼容,也就是无论未来的浏览器大战,胜利的是IE7或者是火狐,您的网站都能很好的兼容。

  3、搜索引擎更加友好。相对与传统的table, 采用DIV+CSS技术的网页,对于搜索引擎的收录更加友好。

  4、样式的调整更加方便。内容和样式的分离,使页面和样式的调整变得更加方便。 现在YAHOO,MSN等国际门户网站,网易,新浪等国内门户网站,和主流的WEB2.0网站,均采用DIV+CSS的框架模式,更加印证了DIV+CSS是大势所趋。

  5、CSS的极大优势表现在简洁的代码,对于一个大型网站来说,可以节省大量带宽,而且众所周知,搜索引擎喜欢清洁的代码。

  6、表现和结构分离,在团队开发中更容易分工合作而减少相互关联性

【编辑推荐】

  1. CSS HACK和浏览器兼容问题的解决方法
  2. CSS属性选择器语法详解
  3. CSS中DIV弹出层问题解决方案
  4. 七大CSS选择符用法详解
  5. 探究CSS高级语法中选择器分组和CSS继承用法

 


 

责任编辑:佚名 来源: hi.baidu.com
相关推荐

2010-08-27 13:46:58

DIV+CSS

2010-09-14 11:19:23

DIV+CSS技术

2010-08-16 13:17:47

DIV+CSS

2011-05-26 18:05:01

DIV+CSS

2010-09-10 10:30:39

DIV+CSS

2010-08-23 16:23:53

CSS+DIV

2012-08-06 09:40:36

DIV

2010-08-25 09:11:57

DIVCSS

2010-08-23 14:30:14

DIV+CSS

2010-09-08 16:09:52

DIV+CSS

2010-08-24 10:26:47

DIV+CSS

2010-08-24 11:25:06

DIVCSS

2011-05-17 09:51:27

Div+CSS

2010-08-30 10:46:13

DIV+CSS

2010-08-27 14:05:40

DIV+CSS

2010-08-25 12:47:40

DIVCSS

2010-08-30 13:09:40

DIVCSS

2010-08-16 15:19:35

DIV+CSS教程

2010-08-24 10:32:34

DIV+CSS

2010-08-23 15:51:54

paddingmargin
点赞
收藏

51CTO技术栈公众号