DIV+CSS网页布局五大特点

开发 前端
本文向大家介绍一下DIV+CSS网页布局五大特点,DIV+CSS是网站标准中常用的术语之一,,通常为了说明与HTML网页设计语言中的表格(table)定位方式的区别。

 你对DIV+CSS的特点是否了解,这里和大家分享一下,DIV+CSS高级布局已逐渐流行,但面对所谓DIV+CSS布局的叫法让人更为担心,不要让DIV成为Table的替代品。

 DIV+CSS与TABLE的网页优势何在?

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

DIV是html(超文本语言)中的一个元素,DIV+CSS是一种网页的布局方法,这一种网页布局方法有别于传统的table布局,真正地达到了w3c内容与表现相分离。

DIV是标签,CSS是层叠样式表(CSS样式),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是大势所趋。现很多个人站长新建站点都采用了DIV+CSS来构建自己的网站页面,可见DIV+CSS替代table已经不是遥远梦想。

5、通过制作发行同样的页面使用TABLE做的页面与DIV+CSS制作的页面大小对比,DIV+CSS的XHTML页面大小至少小TABLE制作页面1/4。从而使的浏览DIV+CSS的页面更加快捷快速。

【编辑推荐】

  1. DIV CSS隐藏内容样式方法详解
  2. IE6.0对padding的解读分析
  3. 揭露CSS中margins折叠现象内幕
  4. DIV+CSS开发Xhtml网页对SEO优化的影响
  5. DIV CSS网页布局中对段落进行排版的方法
责任编辑:佚名 来源: divcss5.com
相关推荐

2010-08-27 17:41:03

DIV+CSS

2010-08-30 14:57:21

DIV+CSS

2010-09-09 16:43:35

DIV+CSS

2010-09-08 16:09:52

DIV+CSS

2010-08-17 13:28:31

DIVCSS

2010-09-02 09:44:07

DIV+CSSSEO

2010-08-27 13:46:58

DIV+CSS

2010-08-23 09:59:16

DIV+CSSSEO

2010-08-16 14:18:49

DIV+CSS

2010-08-25 12:47:40

DIVCSS

2010-09-07 14:14:46

DIV+CSS

2010-09-01 10:42:11

DIV+CSS

2010-08-16 13:17:47

DIV+CSS

2010-08-23 14:30:14

DIV+CSS

2010-09-03 13:51:59

DIVCSS

2010-08-23 14:06:57

DIV+CSS

2010-09-14 17:33:55

DIV+CSS布局

2010-08-16 13:46:20

DIV+CSS

2010-08-16 13:30:34

DIV+CSS

2010-09-03 10:58:45

DIVCSS
点赞
收藏

51CTO技术栈公众号