DIV+CSS网页重构概念详解

开发 前端
你对DIV+CSS网页重构的概念是否了解,这里向大家简单介绍一下,DIV+CSS是网站标准(或称“WEB标准”)中常用术语之一,通常为了说明与HTML网页设计语言中的表格(table)定位方式的区别。

本文和大家重点讨论一下DIV+CSS网页重构的概念,常为了说明与HTML网页设计语言中的表格(table)定位方式的区别,因为XHTML网站设计标准中,不再使用表格定位技术,而是采用DIV+CSS的方式实现各种定位。

什么是DIV+CSS网页重构

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

  CSS是英语CascadingStyleSheets(层叠样式表单)的缩写,它是一种用来表现HTML或XML等文件式样的计算机语言。

  ◆HTML语言自HTML4.01以来,不再发布新版本,原因就在于HTML语言正变得越来越复杂化、专用化。即标记越来越多,甚至各个浏览器生产商也开发出只适合于其特定浏览器的HTML标记,这显然有碍于HTML网页的兼容性。于是W3C组织进而重新从SGML中获取营养,随后,发布了XML,XML是一种比HTML更加严格的标记语言,全称是可扩展标记语言(EXtensibleMarkupLanguagehttp://www.seoyouhua.net/)。但是XML过于复杂,且当前的大部分浏览器都不完全支持XML。于是XHTML这种语言就派上了用场,XHTML语言就是一种可以将HTML语言标准化,用XHTML语言重写后的HTML页面可以应用许多XML应用技术。使得网页更加容易扩展,适合自动数据交换,并且更加规整。

说了这么多,现在该说正题了——CSS。其实CSS单独使用除了麻烦一点之外,我个人觉得并无明显的优于HTML的好处。而关键就在于其与脚本语言(如Javascript)及XML技术的融合,即CSS+Javascript+XML(实际上有一种更好的融合:XML+XSL+Javascript)——但XSL,即可扩展样式表语言相较于CSS过于复杂,不太容易上手。自从DIV+CSS出现之后,HTML终于摆脱了杂乱无章的恶梦,开始将页面内容与样式分离。说了这么多,其实,个中真谛,还得使用过后才知道,所以,现在就开始学习使用吧。

  ◆DIV元素是用来为HTML文档内大块(block-level)的内容提供结构和背景的元素。DIV的起始标签和结束标签之间的所有内容都是用来构成这个块的,其中所包含元素的特性由DIV标签的属性来控制,或者是通过使用样式表格式化这个块来进行控制。

  在可以预计的将来,table的地位依然十分重要,于是,如google之流依然会生意兴隆。但是DIV代表的是网络世界发展的方向。它们一个简单,一个先进,萝卜白菜,您选什么都是有可取只处的.我们都很按您的要求认真服务的!
  DIV是html(超文本语言)中的一个元素,DIV+CSS是一种网页的布局方法,这一种网页布局方法有别于传统的table布局,真正地达到了w3c内容与表现相分离.
  DIV是标签css是层叠样式表
  DIV+CSS高级布局已逐渐流行,但面对所谓DIV+CSS布局的叫法让人更为担心,不要让DIV成为Table的替代品,多层嵌套的DIV会严重影响代码的可阅读性,活用HTML为我们提供的标签吧。
 

【编辑推荐】

  1. DIV CSS经验:组织选择符和声明
  2. DIV CSS的XHTML代码结构浅谈
  3. 深入学习DIV+CSS之绝对定位和相对定位用法
  4. DIV+CSS布局入门之写入整体层结构与CSS
  5. DIV+CSS开发过程中影响SEO的制作细节

  
 

 

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

2010-08-27 13:46:58

DIV+CSS

2010-08-17 13:28:31

DIVCSS

2010-09-07 14:09:54

DIV+CSS

2010-08-23 09:59:16

DIV+CSSSEO

2010-08-23 10:19:49

DIV+CSS

2010-08-30 14:57:21

DIV+CSS

2010-08-24 13:01:13

DIV+CSS

2010-08-16 14:18:49

DIV+CSS

2010-08-16 15:19:35

DIV+CSS教程

2010-08-24 11:34:37

DIV+CSS

2010-08-16 09:19:04

DIVCSS

2010-08-27 17:41:03

DIV+CSS

2010-08-25 09:11:57

DIVCSS

2010-08-30 11:14:39

DIVCSS

2010-08-24 12:33:57

DIVCSS

2010-09-01 10:42:11

DIV+CSS

2010-08-23 11:08:28

DIV+CSS

2010-09-10 12:40:06

CSS相对定位CSS绝对定位

2010-08-24 10:32:34

DIV+CSS

2010-08-27 14:05:40

DIV+CSS
点赞
收藏

51CTO技术栈公众号