您好,欢迎来到达网官方网站           客户ID 密码   注册 忘记密码?
达网
全国服务热线  
达网学院 | 付款方式

web标准概念入门

注:本文是应Alan邀请为《CSS布局实录》写的一个web标准入门指导。书已经上市近一年了,现在摘选出来,给初学者一个参考。希望了解更多实现技术的可以购买原书。

-----------
前言

"我的工资卡是交通银行的,但我经常在我家楼下的工商银行提款机上取款;
我是上海人,我用普通话可以和广州的同学进行交流;
今天水龙头坏了,我去水暖商店买了一个新的换上;
我去法国旅游,通知我法国的朋友在北京时间15:30分来接我。"

生活中每天都发生类似的事情,这样的事情似乎再正常不过的了,并没有什么特别之处。但是,你有没有想过:

为什么所有银行卡的大小都是一样的尺寸?
为什么我用普通话就能和广州同学交流?
为什么买来的新水龙头的螺口正好与老的水管能接上?
为什么法国朋友不会接错时间?

对于日常的很多事情,我们并没有注意到这背后都有着一个隐藏的“因素”在起作用,这个因素就是:标准。

有了“银行卡的标准”,你就不用担心不同银行的卡大小不一样,所有提款机的入卡口都一样;
有了“普通话标准”,全国人民可以方便的进行语言交流;
有了“螺口的工业标准”,你买个6分的水龙头就绝对可以可6分的水管接上;
有了“格林威治标准时间”,全世界的人们都不会接错班机时间。

生活中各行各业都有着自己相应的标准与规范,标准可以方便交流、促进协作、提高效率。

对于IT行业,设备的多样性与信息的多样性更加需要标准来保证它们之间的沟通与协作。我们可能在手机、打印机、数码相机之间交互数据;我们可能在网站、邮件和办公软件之间传递信息;我们可能要在未来新设备(例如机顶盒、信息家电)中应用现有资源。如果没有统一的标准,那么现在所有的信息都是孤立的、不可分享、不可重用的;我们需要浪费大量的人力物力重新为新设备建立数据;我们需要为每一次的多系统应用做专门的开发。

好在我们已经找到了解决的方案,这就是---XML。

XML简单说就是一种“有规定格式的文档”,只要我们的设备或系统产生的数据都遵守这种格式,就可以实现互相的数据交换、分享与协作。

自从1998年国际万维网组织(W3C.org)推出XML 1.0规范以来,已经有大量的XML标准在我们的生活中应用,例如我们用手机订阅的天气预报、股票行情,这些数据都是从相应的系统获得然后通过XML格式转换发送给你的;我们通过QQ或者MSN上发送消息到不在线的朋友手机上,这其中的信息也是通过XML转换实现的;还有更多的商业应用,例如公司内部的CRM、ERP、内容管理系统之间的数据交互、整合与共享都应用了XML。

那么,你自然会想到:网页(web)是否也应该遵循XML标准呢?答案是肯定的。

万维网出现以后,大大改变了人们的信息获取方式,以前从报纸、电视、广播上获取信息,现在可以更方便的通过网络,通过浏览器浏览获得。web上的信息也日益丰富,从一开始简单的、静态的文档和图片信息,到现在动态的、可交互的多媒体信息,web上的信息已经多到可以用“恐怖”来形容。去年底,google搜索引擎已经能够搜索到82亿张网页和21亿张图像。这么多的数据是财富,但是如果不能有效利用和搜索就是“信息垃圾”。而事实上,已经产生了数据冗余和信息无法有效共享、查询的情况。

我们有99%的网站是采用HTML制作的,而HTML并不符合XML格式。因此这些网页信息都很难适应未来新设备和数据共享的要求。怎么办呢?国际万维网组织(W3C.org)已经提出了解决办法,他们在HTML基础上,按照XML格式制定了新的规范XHTML1.0,只要通过简单的改变,就能将HTML转为XHTML,从而实现向XML的过渡。同时,为了使你的页面信息更加容易被搜索和重用、XHTML的代码需要结构更加更清晰、标签更加有语义,W3C推荐使用CSS来控制表现,以实现内容与表现的相分离。

这也就是我们这本书要讲的主题:用web标准技术重构你的网站。


一:了解web标准

1.什么是web标准?

首先要明确一个概念。我们本书讲的web标准,不是指XML,而是指为了实现大量HTML信息向XML标准的过渡,W3C和ECMA制定的一系列的技术规范,目前主要包括XHTML1.0、CSS2.0、DOM1.0和ECMA JavaScrit。web标准不仅仅是一个规范,而是一系列规范的总称。

按这些规范制作的网页,符合XML格式规范,内容与表现相分离,将使你的页面数据在以后可以被分享、交换和重用。

下面,让我们一起了解一些重要的基础知识。如果你已经掌握,可以跳过直接阅读第二节


2. 什么是w3c?

W3C是“World Wide Web Consortium”的缩写,中文称万维网组织。是一个专注于“领导和发展web技术”的国际工业行业协会。它由万维网发明者Time Berners-Lee领导,成立与1994年。W3C已经有超过500家的会员--包括微软、美国在线(Netscape的母公司)、苹果电脑、Adobe、Macromedia、SUN 以及各类主流硬件、软件制造商和电信公司。学会主要研究由三家学术机构主理--美国麻省理工学院(MIT)、法国的欧洲信息与数学研究论坛(ERCIM)、日本的应庆大学(KEIO)。

W3C主要工作是研究和制定开放的规范(事实上的标准),以便提高web相关产品的互用性。W3C的推荐规范的制定都是由来自于会员和特别邀请的专家组成的工作组完成。工作组的草案(Drafts)在通过多数相关公司和组织同意后提交给W3C理事会讨论,正式批准后才成为“推荐规范(Recommendations)”发布。更多的信息您可以访问W3C的网站:www.w3.org


3.W3C发布的标准

3.1 HTML4.0

HyperText Markup Language(HTML,超文本标识语言)广泛用于现在的网页,HTML目的是为文档增加结构信息,例如表示标题,

表示段落;浏览器可以解析这些文档的结构,并用相应的表现形式表现出来。例如:浏览器会将...之间的内容用粗体显示。

设计师也可以通过CSS(Cascading Style Sheets)来定义某种结构以什么形式表现出来。


3.2 XML1.0

XML是Extensible Markup Language(可扩展标识语言)的简写。XML类似HTML也是标识语言,不同的地方是:HTML有固定的标签,而XML允许你自己定义自己的标签,甚至允许你通过XML namespaces为一个文档定义多套设定。看一个XML例子:



AJIEajie33@hotmail.com

ALLANneo_n@21cn.com

YAHOOtingpeng@msn.com

一些XML的应用,例如XHTML和MathML,已经成为W3C推荐规范。你同样可以通过样式规范(CSS和XSL),来定义XML标签的表现形式。XML文档目前还不能直接用浏览器显示,页面展现依然采用HTML或者XHTML,XML现在大多用于服务器与服务器(系统与系统)之间的数据交换。


3.3 CSS2.0

CSS是Cascading Style Sheets层叠样式表的缩写。通过CSS可以控制HTML或者XML标签的表现形式。W3C推荐使用CSS布局方法,使得web更加简单,结构更加清晰。


3.4 XHTML1.0

XHTML实际上就是将HTML根据XML规范重新定义一遍。它的标签与HTML4.0一致,而格式严格遵循XML规范。因此,虽然XHTML与HTML在浏览器中一样显示,但如果你要转换成PDF,那么XHTML会容易的多。

XHTML有三种DTD定义:严格的(strict),过渡的(Transitional),框架的(Frameset)。 DTD是Document Type Definition文档类型定义的缩写。它写在XHTML文件的最开始,告诉浏览器这个文档符合什么规范,用什么规范来解析。


3.5 DOM1.0

DOM是Document Object Model文档对象模型的缩写。DOM给了脚本语言(类似ECMAScript)无限发挥的能力。它使脚本语言很容易访问到整个文档的结构、内容和表现。


4 什么是ECMA?

是“European Computer Manufactures Association”的缩写,中文称欧洲计算机制造联合会。是1961年成立的旨在建立统一的电脑操作格式标准--包括程序语言和输入输出的组织。

ECMA位于日内瓦,和ISO(国际标准组织)以及IEC(国际电工标准化机构)总部相邻,主要任务是研究信息和通讯技术方面的标准并发布有关技术报告。ECMA并不是官方机构,而是由主流厂商组成的,他们经常与其他国际组织进行合作。


4.1 ECMA发布的标准 ECMAscript

ECMAscript是基于Netscape javaScript的一种标准脚本语言。它也是一种基于对象的语言,通过DOM可以操作网页上的任何对象。可以增加、删除、移动或者改变对象。使得网页的交互性大大提高。

上述标准是我们目前从HTML向XML过渡时期用到的主要标准,也是本书主要讨论的范畴。


5.web标准的优势

5.1 易用性

用web标准制作的页面,对搜索引擎更加“透明”,因为良好清晰的结构使得搜索引擎能够方便的判断与评估信息,从而建立更精确的索引。按web标准制作的页面也可以在更老版本的浏览器中正常显示基本结构,即使CSS/XSL样式无法解析,它也能显示出完整的信息和结构。

符合web标准的页面也很容易被转换成其他格式文档,例如数据库或者word格式,也容易被移植到新的系统--硬件或者软件系统,比如网络电视、PDA等等。这是XML天生具有的优势。

符合web标准的页面也具有天生的“易用性(accessibility)”,不仅仅是普通浏览器可以阅读,那些有残疾的人们也可以通过盲人浏览器、声音阅读器正常使用。


5.2 向后兼容性

使用web标准建立的页面,将在未来的新浏览器

Copyright 2006-2012 dw.net.cn 达网网络技术有限公司 版权所有
公司地址:宁波市大梁街118号世纪广场B座19楼1902室 [地图] 邮编:315000
中文域名:达网.cn  公司微博:weibo.com/dwnetwork  信产部备案号:浙ICP备09010049号
软件开发, 行业软件, 网站建设, 网站托管, 服务器技术  网站地图 RSS订阅