《web标准和网站重构》

《《web标准和网站重构》》由会员分享，可在线阅读，更多相关《《web标准和网站重构》（51页珍藏版）》请在金锄头文库上搜索。

1、2005-7-30WEB标准与网站重构 1 内部培训教材内部培训教材 WEBWEB标准和网站重构标准和网站重构?王本锐?2005/07/092005/07/万千英语族2005-7-30WEB标准与网站重构 2基础知识：什么是基础知识：什么是W3CW3C？W3C（World Wide Web Consortium，http:/www.w3.org/）创建于 1994年，研 究Web规范和指导方针，致力于推动Web发展，保证各种Web技术能很好地协同工 作。大约500名会员组织加入这个团体，它的主任Tim Berners-Lee （http:/www.w3.org/People/Berners-L

2、ee/）在1989年发明了Web。W3C推行的 主要规范有HTML，CSS，XML，XHTML和DOM（Document Object Model）。多年以来，W3C把那些没有被部分会员公司（如Netscape和Microsoft）严格执行 的规范定义为“推荐”（Recommendations）。自1998年开始，“Web标准组织” （www.webstandards.org）将W3C的“推荐”重新定义为“WebWeb标准标准”，这是一种商业 手法，目的是让制造商重视并重新定位规范，在新的浏览器和网络设备中完全地 支持那些规范。其他的标准组织包括European Computer Manufa

3、cturers Association（ECMA） 将 ECMAScript 定义为“标准JavaScript”。2005-7-30WEB标准与网站重构 3两个问题两个问题?你用过那些浏览器？?常见的网页是通过什 么手段进行布局的？2005-7-30WEB标准与网站重构 4当今过时的网站设计思路的始作俑者当今过时的网站设计思路的始作俑者?大概 1997 年的时候，David Siegel 出版了一本里程碑式的书Creating Killer Web Sites，它在当时有限的浏览器功能和 W3C 标准之下，设计 出非常华丽的网页效果。(Netscape 2 和 3)?这些效果是如此漂亮，以至于

4、到今天，它们还是最流行的网页排版方式。?用一句话概括这本书：用表格和分隔用表格和分隔用表格和分隔用表格和分隔 GIF GIF 可以设计出魔鬼般迷人的站点可以设计出魔鬼般迷人的站点可以设计出魔鬼般迷人的站点可以设计出魔鬼般迷人的站点。2005-7-30WEB标准与网站重构 5WEBWEB标准标准( (Web Standards)Web Standards)的历史的历史?在上个世纪90年代后期，当互联网和web逐渐成为主流时，Web浏览器(包括当时的 Netscape 4及以下版本，IE 4及以下版本。行话叫Version 4浏览器)的开发商还 没有完全的支持CSS（层叠式样式表，对于Web开发人

5、员来说，他们可以用CSS来控 制Html文档的表现）。考虑到CSS1是在1996年制定的，而CSS2是在1998年才制定 的，所以这种对CSS支持的不足也是可以理解的。?由于浏览器对CSS的支持不够，再加上一些平面设计师的要求（这些要求与他们经 常与印刷品打交道有关）导致他们为了控制网页的视觉表现而滥用HTML。一个典 型的例子就是，当设计师可以用 border=“0“ 来隐藏表格的边框时，用隐藏表格 来控制布局的方法同样被使用。另一个例子是对“transparent”（透明）的使用 ， 同样是不可见，他们却使用空白的GIF图片来控制布局。?由于HTML从来就没被用来控制一个文档的表现，导致大

6、量混乱代码、非法代码、 浏览器的专用代码和属性就被随意的使用了。“校验”这个词 也很少被人问津。对 于这些代码来说，标签大杂烩（tag soup）是一个很形象的名字。?2005-7-30WEB标准与网站重构 6什么是什么是“ “WEBWEB标准标准” ”？?Web标准，近年来在国外已经得到了很大的重视。尤其是美国颁布 了 501号法案以后，皆要求站点必须为残障人士提供与普通人士 相当的可访问性支持。要知道，传统的布局方法是很难达到这样 的要求的。?美国的多数技术性站点都开始向Web标准转型。许多大型站点也已 经使用新方法重构。例如就在最近(2005年1月)，微软公司的msn 站点使用XHTML

7、 Strict+CSS完全重写。?网站标准不是某一个标准，而是一系列标准的集合网站标准不是某一个标准，而是一系列标准的集合。网页主要由 三部分组成：结构（Structure）、表现（Presentation）和行为 （Behavior）。对应的标准也分三方面：结构化标准语言主要包 括XHTML和XML，表现标准语言主要包括CSS，行为标准主要包括对 象模型（如 W3C DOM）、ECMAScript等。这些标准大部分由W3C起 草和发布，也有一些是其他标准组织制订的标准，比如ECMA （European Computer Manufacturers Association）的 ECMAScri

8、pt标准。我们来简单了解一下这些标准：2005-7-30WEB标准与网站重构 7在在WEBWEB标准中构成网页的三个主要部分：标准中构成网页的三个主要部分： 结构、表现、行为结构、表现、行为结构 Structure表现 Presentation行为 BehaviorHTMLXHTMLXMLCSS1CSS2ECMAScript DOM2005-7-30WEB标准与网站重构 8什么是什么是WEBWEB标准标准:结构标准语言结构标准语言?（1）XML （1）XML ?XML是The Extensible Markup Language(可扩展标识语言)的简写。目前推荐遵循 的是W3C于2000年10

9、月6日发布的XML1.0，参考（www.w3.org/TR/2000/REC-XML- 20001006）。和HTML一样，XML同样来源于SGML，但XML是一种能定义其他语言的 语。XML最初设计的目的是弥补HTML的不足，以强大的扩展性满足网络信息发布的 需要，后来逐渐用于网络数据的转换和描述。关于XML的好处和技术规范细节这里 就不多说了，网上有很多资料，也有很多书籍可以参考。?（2）XHTML （2）XHTML ?XHTML是The Extensible HyperText Markup Language可扩展标识语言的缩写。目 前推荐遵循的是W3C于2000年1月26日推荐XML1

10、.0（参考http: /www.w3.org/TR/xhtml1）。XML虽然数据转换能力强大，完全可以替代HTML，但 面对成千上万已有的站点，直接采用XML还为时过早。因此，我们在HTML4.0的基 础上，用XML的规则对其进行扩展，得到了XHTML。简单的说，建立XHTML的目的就 是实现HTML向XML的过渡。2005-7-30WEB标准与网站重构 9什么是什么是WEBWEB标准标准表现标准语言表现标准语言?CSS是Cascading Style Sheets层叠样式表的缩写。目前推荐遵循的 是W3C于1998年5月12日推荐CSS2（参考 http:/www.w3.org/TR/CS

11、S2/）。W3C创建CSS标准的目的是以 CSS取代HTML表格式布局、帧和其他表现的语言。纯CSS布局与 结构式XHTML相结合能帮助设计师分离外观与结构，使站点的 访问及维护更加容易。2005-7-30WEB标准与网站重构 10什么是什么是WEBWEB标准标准:行为标准行为标准?（1）DOM?DOM是Document Object Model文档对象模型的缩写。根据W3C DOM规 范（http:/www.w3.org/DOM/）， DOM是一种与浏览器，平台，语言的 接口，使得你可以访问页面其他的标准组件。简单理解，DOM解决了 Netscaped的Javascript和 Microso

12、ft的Jscript之间的冲突，给予web设计师和 开发者一个标准的方法，让他们来访问他们站点中的数据、脚本和表现 层对像。?(2) ECMAScript JavaScript的标准化版本?ECMAScript是ECMA(European Computer Manufacturers Association)制定 的标准脚本语言（JAVAScript）。目前推荐遵循的是ECMAScript 262 （http:/www.ecma.ch/ecma1/STAND/ECMA-262.HTM）。2005-7-30WEB标准与网站重构 11名词解释：名词解释：XHTMLXHTML?2000年底，国际W3

13、C(World Wide Web Consortium)组织公布发行了XHTML 1.0版本。XHTML 1.0是一种在HTML 4.0基础上优化和改进的的新语言，目的是基于XML应用。XHTML是一种 增强了的HTML,它的可扩展性和灵活性将适应未来网络应用更多的需求。下面是W3C的 HTML工作组主席Steven Pemberton 回答的关于XHTML的常见基础问题。?问：什么是XHTML? ?答：XHTMLXHTML是一种为适应是一种为适应XMLXML而重新改造的而重新改造的HTMLHTML。当当XMLXML越来越成为一种趋势，就出现越来越成为一种趋势，就出现 了这样一个问题：如果我们

14、有了了这样一个问题：如果我们有了XMLXML，我们是否依然需要我们是否依然需要HTML?HTML?为了回答这个问题，为了回答这个问题，19981998年年 5 5月我们在旧金山开了两天的工作会议，会议的结论是：需要。我们依然需要使用月我们在旧金山开了两天的工作会议，会议的结论是：需要。我们依然需要使用HTMLHTML。因因 为大量的人们已经习惯使用为大量的人们已经习惯使用HTMLHTML来作为他们的设计语言，而且，已经有数以百万计的页面来作为他们的设计语言，而且，已经有数以百万计的页面 是采用是采用HTMLHTML编写的。编写的。?问：为什么XHTML 1.0相对HTML 4.0独立发展? ?

15、答：并不是这样。XHTML恰恰就是HTML 4.0的重新组织，(确切的说它是HTML 4.01，是一 个修正版本的HTML 4.0，只不过以XHTML 1.0命名发行。) 它们在XML里的解释会有一些必 要的差别，但另一方面，它们依然非常相似，我们可以把XHTML的工作看作是HTML 4.0基 础上的延续。?问：XHTML 1.0如何实现XML标准? ?答：XHTML就是一种XML应用。它采用XML的DTD文件格式定义，并运行在支持XML的系 统上。这里要感谢XML的Namespaces功能，浏览器制造商不需要再创造新的私有标签(tags)， 他们只需要在XHTML代码里包含XML代码片段，或者XML代码里包含XHTML代码片段。2005-7-30WEB标准与网站重构 12名词解释：名词解释：XMLXMLXML即可扩展标记语言（eXtensible Markup Language）。标记是指计算机所能理解的信息符 号，通过此种标记，计算机之间可以处理包含各种信息的文章等。如何定义这些标记，既 可以选择国际通用的标记语言，比如“HTML”，也可以使用象XML这样由相关人士自由决 定的标记语言，这就是语言的“可扩展性”。XML是从SGML中简化修改出来的。