DIV + CSS 这种叫法是不准确的
像我们常见的比如说面试时候写简历都会写上如熟悉DIV + CSS布局,其实这种写法是一种不正确的写法。这是国人给这种布局标准页面的方法起的一个名字。标准语法应该是xHTML + CSS。
那么为何国人会将标准布局页面的方法叫做 DIV + CSS呢?那是因为第一个将这种技术引进中国的人,单纯从代码上辨别过去的页面和现在流行的页面布局方法,过去的页面布局用的是table,相信大家在大学接触的第一门网页设计作业就是使用table表格制作一个静态页面吧。当初将这种写法称为Table +CSS。而现在流行的布局页面是用的DIV,所以叫 DIV + CSS。认为这样布局出的页面就是标准页面,且符合W3C标准。因此引来两大误区:
【误区一】网页中使用了Table,页面就不标准,甚至觉得使用Table丢人,Table称为页面是否标准的关键点。
【误区二】认为网页DIV标签越多越好,DIV的多少决定了网页的标准度。
为了避免这两种误区,先了解一下这Table标签和DIV标签网页元素诞生的目的吧。
Table:为了网页存储数据。
DIV:页面框架设计,把他理解为一个大容器。
二者功能不同,当我们需要对一个网页进行大量数据存储的时候,如显示学生成绩,那么就选择使用Table,而对于装这个Table的容器那肯定选择使用DIV比较好了。这是由他们诞生的目的来解决的,也是符合W3C标准的,那么这个页面就是标准页面。
W3C标准是什么
W3C即World Wide Web Consortium的缩写,中文为W3C组织或者万维网联盟。W3C组织就是出网页标准的。因此有W3C组织出的标准就称为W3C标准,符合W3C标准的页面就是标准页面。首先说明一点,W3C标准不是一个标准,而是一系列标准的集合。包含三部分的标准:结构标准、表现标准、动作标准。
- 结构标准:即xHTML。
- 表现标准:即CSS。
- 动作标准:即JavaScript。
当我们将一个成品设计制造成静态网页时,就要符合前两个标准,结构标准和表现标准,那么制造出的页面就是标准页面,用它们相对应的语言来描述制造这种页面的技术,我们就称之为 xHTML + CSS。