1、本本章章目目录录 Web标准不是某一个标准，而是一系列标准的集合。Web标准是由W3C(world wide web consortium)和其他标准化组织制定的一套规范集合。这些规范是专门为了那些在网上发布的可向后兼容的文档所设计的，使其能够被大多数人访问。网页主要由3部分组成：结构(structure)、表现(presentation)和行为(behavior)。对应的标准也分为3方面：结构化标准语言主要包括XHTML和XML，表现标准语言主要包括CSS，行为标准语言主要包括对象模型(如W3C DOM)、ECMAScript等。在Dreamweaver或其他网页编辑器环境中进行的网页设计，
2、实际上已由网页编辑器自动编写了符合Web标准中的各个技术的代码段。虽然用户一直在使用编辑器或者其他手段进行Web标准的编写，但并不意味着用户所做出的网页就是符合标准的。真正符合标准的网页设计是指，能够灵活地使用Web标准对Web内容进行结构、表现与行为的分离，即表现与内容的分离。用最科学、最合理的结构来构建网站，使网站易用、可靠、便于维护，这才是符合标准设计的最终目标。W3C的中文译名为万维网组织，它是一个专注于“领导和发展Web技术”的国际工业行业协会。它由万维网发明者Tim Berners Lee领导，成立于1994年。W3C已经有超过500家的会员包括微软、美国在线(Netscape的母
3、公司)、苹果计算机、Adobe、Macromedia、Sun以及各类主流硬件、软件制造商和电信公司。学会主要研究由3家学术机构美国麻省理工学院(MIT)、法国的欧洲信息与数学研究论坛(ERCIM)、日本应庆大学(KEIO)主理。W3C的主要工作是研究和制定开放的规范(事实上的标准)，以便提高Web相关产品的互用性。W3C的推荐规范的制定都是由来自会员和特别邀请的专家组成的工作组完成。工作组的草案(drafts)在通过多数相关公司和组织同意后提交给W3C理事会讨论，正式批准后才成为“推荐规范（recommendations）”发布。W3C发布发布的的主要主要标准标准 ECMA是european
4、computer manufactures association的缩写，中文名称为欧洲计算机制造联合会，成立于1961年，旨在建立统一的计算机操作格式标准，包括程序语言和输入输出的组织。ECMA位于日内瓦，和ISO（国际标准化组织）以及IEC（国际电工委员会）总部相邻，主要任务是研究信息和通信技术方面的标准并发布有关技术报告。ECMA并不是官方机构，而是由主流厂商组成的，他们经常与其他国际组织进行合作。ECMA发布了标准ECMAScript。ECMAScript是基于Netscape JavaScript的一种标准脚本语言。它也是一种基于对象的语言，通过DOM可以操作网页上的任何对象，可以增
5、加、删除、移动或者改变对象，使得网页的交互性大大提高。结构化设结构化设计的计的Web标标准技术准技术 XHTML即可扩展超文本标记语言，目前推荐遵循的是W3C于2000年1月26日发布的XHTML 1.0版本，在HTML 4.0的基础上，用XML的规则对其进行了扩展，得到了XHTML。简单来说，建立XHTML的目的就是实现HTML向XML的过渡。XHTML有3种定义：严格的（strict），过渡的（transitional），框架的（frameset）。DTD是document type definition（文档类型定义）的缩写，它写在XHTML文件的开始位置，告诉浏览器这个文档符合什么规范
6、，用什么规范来解析。XML即可扩展标记语言，目前推荐遵循的是W3C于2000年10月6日发布的XML 1.0版本，和HTML一样，XML同样来源于古老的标准通用标记语言，但XML是一种能定义其他语言的语言。XML最初设计的目的是弥补HTML的不足，以其强大的扩展性满足网络信息发布的需要，后来逐渐用于网络数据的转换及描述。目前，推荐遵循的是W3C于1998年5月12日发布的CSS 2.0版本（参考http:/www.w3.org/TR/CSS2/）。表现技术用于对已经被结构化的信息进行显示上的控制，包括版式、颜色、大小等样式控制。W3C创建CSS标准的目的，是希望以CSS来描述整个页面的布局设计
7、，与HTML所负责的结构分开，使站点的构建及维护更加容易。CSS是本书要讨论的重点，也是向Web标准过渡的重要一环。相对于结构设计来讲，表现层的样式设计变化更丰富，也更难掌握。对于千变万化的网页设计，如何将设计编码转换成机器能够识别的样式语言也是CSS的工作重点，CSS丰富的样式表现也对设计者提出了更高的要求.行为，是指对整个文档内部的一个模型进行定义及交互行为的编写，用于编写用户可以进行交互式操作的文档。行为标准也包括两部分：DOM和ECMAScript。DOM指文档对象模型。W3C建立的W3C DOM是建立网页与Script或程序语言沟通的桥梁。它实现了访问页面中标准组件的一种标准方法。E
8、CMAScript是ECMA制定的标准脚本语言。表现与内容分离技术是目前Web标准制定的核心目的，也是Web标准的最大优势。内容是指具体的信息，仅仅表示信息正文。正文通过XHTML被标记为多个独立的部分，如左分栏、右分栏、新闻列表等。表现是指信息的展示形式，如对字号、字体、排版的设计等称为表现。高效率的开发与简单维护高效率的开发与简单维护1信息跨平台的可用性信息跨平台的可用性2降低服务器成本降低服务器成本3便于改版便于改版4加快网页解析速度加快网页解析速度5与未来兼容与未来兼容6更好的用户体验更好的用户体验7用用DIV+CSS布局来替布局来替代传统的代传统的Table布局有布局有以下几方面的原
9、因以下几方面的原因（1）DIV+CSS布局遵循表现与内容分离的原则布局遵循表现与内容分离的原则（2）使用）使用DIV+CSS布局生成的网页文件的代码布局生成的网页文件的代码精简、更小、打开更快精简、更小、打开更快（3）从使用上来讲，改版网站更简单容易了）从使用上来讲，改版网站更简单容易了（4）搜索引擎更友好）搜索引擎更友好（5）从页面的设计效果来看，任何用表格布局）从页面的设计效果来看，任何用表格布局的页面都完全能够用的页面都完全能够用DIV+CSS布局实现布局实现 与XHTML相比，HTML是不够严谨的一门语言。事实上，XHTML就是HTML的下一个版本，用于替代HTML并帮助转向XML的一
10、套过渡标记语言。HTML也是一种非常优秀的页面描述语言，至少在过去一段时间为人们创造了大量优秀的网站。HTML和XHTML是面向机器的，并非面向访问者。通过设计师良好的代码编写，才能让IE或Firefox等浏览器充分解析HTML或XHTML并渲染出最终页面。在强调表现与内容分离的Web标准时代，HTML的语法模式已经不能满足需求，取而代之的是新一代的XHTML，它的结构与表示更加严谨。XHTML是一门面向结构的设计语言，其设计目的不像HTML仅仅是为了网页设计与表现，它主要用于对网页内容进行结构设计，其严谨的语法结构有利于浏览器进行解析处理。XHTML在面向结构的设计思想上能够带给人们超越HT
11、ML的实质性内容。面向结构的设计能够帮助人们适应更多类型终端的需求，对于不兼容的应用终端。XHTML也是XML的过渡型语言，XML才是完全面向结构的设计语言。CSS实现了网页的结构与表现分离。由于CSS技术晚于浏览器的推出，没能被当时的浏览器所支持，所以一直未能得到普及。JavaScript的诞生正是为了处理日益增长的对页面交互的需求，使得用户能通过鼠标或键盘操作来对页面上的信息进行交互。随着XML的发展，在大多数Web应用程序中，均使用XML传输数据，而HTML用于格式化并显示数据。W3C明确地告诉人们：XML是未来的趋势，开放和共享是互联网的精神和根本动力。通常说的兼容是指向后兼容，向新浏
12、览器、新设备兼容。对已有的浏览器来说，它们对Web标准的支持程度不一样，因此会出现不同浏览器下页面变形的情况。前面介绍过浏览器的种类，从内核上分，有IE内核和非IE内核浏览器。这些浏览器在处理一个相同的页面时，表现或行为有时会有差异。如果这种差异很大，就可能造成在某个浏览器下无法正常浏览网页。引起这些差异的问题即为“浏览器兼容性问题”。浏览器的工作模式常被称为“渲染模式”。不同浏览器的工作模式不仅对渲染有影响，对代码的解析以及脚本的行为也同样有影响。互联网开发人员在编写一个页面时，应该使用可以触发各浏览器“标准模式”的DTD，并书写符合规范的代码，以保证网页在各浏览器中可以最大程度地兼容，为网
13、民带来更好的浏览体验。而这个“标准”，正是W3C所倡导的W3C国际通行标准。微软于2001年8月27日发布了IE6，增强了对CSS 1.0的兼容，使得IE6对CSS的解析及渲染与它的前一个版本IE 5.5有了很大的差别。为了保持良好的向后兼容性，微软为用户提供了一个“开关”，来决定浏览器的工作模式。在后续推出的IE7、IE8中，也使用了上述“开关”。这样，就使得IE7、IE8与IE6一样，可在“混杂模式”下对页面进行处理.因此，IE系列的“混杂模式”将浏览器的行为冻结在IE 5.5这个老版本的浏览器上。随着时间的推进和标准的进步，这种“混杂模式”已经不能适应互联网的快速发展了。在国内，由于Wi
14、ndows捆绑IE浏览器，所以IE(尤其是IE6)被广泛应用。国内的大多数网站也根据与标准不兼容的老版本IE进行开发，当IE浏览器升级时，就出现了多家国内网站不兼容的现象。尤其在网银方面，由于国内大多数银行只提供基于Windows和IE的网上支付解决方案，造成众多非Windows、非IE用户无法正常登录网银，对网民的互联网使用造成了极大的伤害。随着火狐浏览器用户占有率的持续上升，火狐已经稳坐全球浏览器市场第二把交椅。正是在广大网友和非IE用户的呼声中，第三方支付平台“支付宝”从不支持火狐等非IE浏览器到全面支持跨平台的网络支付，网民的需求赢得了“标准之争”的重要一役。而浦发银行、国有四大银行之
15、一的建设银行也已宣布支持火狐。坚持国际通行的W3C标准，将为网民的互联网浏览带来更多便利。一、填空题一、填空题1.Web标准的制定者是。标准的制定者是。2.结构化标准语言主要有结构化标准语言主要有XHTML和和XML、_和和_。3.XHTML是是_（可扩展超文本标识语言）的缩写。（可扩展超文本标识语言）的缩写。HTML是一种基本的是一种基本的Web网页设计语言，网页设计语言，XHTML是一种基是一种基于于_的标记语言。的标记语言。二、简答题二、简答题1.什么是什么是Web标准？为什么要使用标准？为什么要使用Web标准来开发网页？标准来开发网页？2.简述简述HTML与与XHTML的区别。的区别。3.Web标准由哪几方面构成？各方面的作用是什么？标准由哪几方面构成？各方面的作用是什么？4.如何改善现有网站？如何改善现有网站？
