当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > DIV+CSS的叫法是不准确的

CSS样式表
验证并修复css错误内容的相关工具
分享3个比较实用的CSS页面框架布局
CSS幻灯片教程:制作高效可维护组件化的CSS代码
网页制作基础知识:html特殊符号
CSS教程:按整洁易懂的结构组织CSS样式
查看和编辑CSS中用到的颜色:CSS Prism
帮助你学习CSS的在线CSS工具网站
CSS网页设计参考:把HTML标记分类
CSS进阶:几个Reset CSS的八卦问题
WEB设计技巧:网页虚线制作方法剖析
WEBJX收集CSS格式化和造型网页高级教程
CSS3教程:在CSS中使用的颜色
学习WEB标准心得:网页重构的思路
轻易创建css导航工具:CSS Tab Designer2
总结学习web标准的十个重要理由
CSS实例教程:CSS制作星级评价的功能
CSS实例教程:纯CSS实现圆角框
多个css、js文件自动合并、压缩
网页设计教程:CSS文字排版技巧大全
Photoshop制作CSS网页制作的背景图

CSS样式表 中的 DIV+CSS的叫法是不准确的


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-01-10   浏览: 35 ::
收藏到网摘: n/a

如果你看完第一段还没有发现错误的话,那你就很有必要,接着往下看。

      DIV+CSS这种叫法其实是一种很错误的叫法,这是国人一厢情愿的叫法,而标准的叫法是什么呢?
呵呵,没错,是xHTML+CSS,不理解吧,我来细细给你说,如果下面的你能理解,保证面试的时候会有很大的帮助,同时也可以让你后面的学习更轻松。

      为什么国人将这种页面布局的方法叫做DIV+CSS?
      因为过去布局页面基本上都是用Table布局,也可以说是Table+CSS,而现在布局页面呢,用DIV,所以叫DIV+CSS,听起来也挺合理,认为这样布局出来的页面也就是标准页面,甚至有些人走了个极端,看到其他网站用到Table,就会嘲笑页面做的不够标准,好似用不用Table成为了页面是否标准的一个标尺。现在我可以告诉大家,凡是有着这种行为的,都学得不咋样,很皮毛!

      用了Table页面就不标准了?!纯粹无稽之谈,那什么才是标准页面呢?先看一个专业概念,WEB标准,然后我会问三个问题,你来回答:
WEB标准不是某一个标准,而是一系列标准的集合。网页主要由三部分组成:结构(Structure)、表现(Presentation)和行为(Behavior)。对应的标准也分三方面:结构化标准语言主要包括XHTML和XML,表现标准语言主要包括CSS,行为标准主要包括对象模型(如W3C DOM)、ECMAScript等。这些标准大部分由W3C起草和发布,也有一些是其他标准组织制订的标准,比如ECMA(European Computer Manufacturers Association)的ECMAScript标准。
看明白了没有?问题来了~先不要看答案,从上面的概念中找出
问题一:WEB标准有几部分组成?
问题二:结构化标准语言是什么?
问题三:表现标准语言是什么?
答案一:三部分,结构、表现、行为
答案二:XHTML和XML
答案三:CSS
      看完上面三个问题,哪什么是标准页面呢?呵呵,说白了就是按照WEB标准制作的页面,从第二个问题和第三个问题中,我们又可以说,用XHTML和CSS制作的页面就是标准页面,也就是说xHTML+CSS制作的页面就是标准页面。怎么样,理解了吧

      为什么不说XML+CSS呢?
      很简单,因为XML过于复杂,且当前的大部分浏览器都不完全支持XML。所以就不用它来布局页面喽~

      既然xHTML+CSS制作页面就是标准页面了,又因为xHTML中不只有DIV标签,还有span、p、a、ul、li、dl、dt、dd….,即使我不用DIV,用其他标签(比如:ul、li)制作出来的页面也是标准页面!所以说用DIV+CSS来制作标准页面这句话就很狭隘喽~如果满屏全部都是DIV那也算不上标准页面,曾经由一个朋友告诉我,说他的页面全部用的DIV,每个模块,每个功能区域,就连一条线都是纯DIV实现,并且相当自豪的告诉我,没有人比他做的页面更标准的了,他不但对WEB标准页面的理解有差错还犯了一个很大的错误,xHTML中的每一个标签都有其作用,各司其职,各守其责,要用的恰到好处,这才算是标准页面,DIV不是万能的哟~!

说到这里大家应该明白,这种Web2.0时代的布局页面的方法,叫DIV+CSS是不准确的,应该叫xHTML+CSS。

      凡是看到这节的同学们,以后尽可能说xHTML+CSS,不要再说DIV+CSS喽,如果非要说,也要加上一句说明哟,比如
面试官:你对DIV+CSS了解么?
应聘者:DIV+CSS准确的说应该叫xHTML+CSS,我对这种页面布局方法非常了解!……
      如果你是面试官,你对这个应聘者,感觉如何呢?呵呵呵