1.2 Web标准
大多数网页设计人员都有这样的体验，每次主流浏览器版本的升级都会使用户建立的网站变得过时，此时就需要升级或者重新建网站。同样，每当新的网络技术和交互设备出现时，设计人员也需要制作一个新版本来支持这种新技术或新设备。
解决这些问题的方法就是建立一种普遍认同的标准来结束这种无序和混乱，在W3C（W3C.org）的组织下，Web标准开始被制定（以2000年10月6日发布XML1.0为标志），并在网站标准组织（WebStandards.org）的督促下推广执行。
1.2.1 什么是Web标准
Web标准不是某一种标准，而是一系列标准的集合。网页主要由3部分组成：结构（Structure）、表现（Presentation）和行为（Behavior）。对应的Web标准也分为3类：结构标准语言主要包括XHTML和XML，表现标准语言主要为CSS，行为标准主要包括对象模型（如W3C DOM）、ECMAScript等。这些标准大部分由W3C起草和发布，也有一些是其他标准组织制定的标准，如ECMA（European Computer Manufacturers Association，欧洲计算机制造商协会）的ECMAScript标准。
1.结构化标准语言
（1）HTML
HTML来源于标准通用置标语言（SGML），它是Internet上用于编写网页的主要语言。
（2）XML
目前推荐遵循的标准是W3C于2000年10月6日发布的XML1.0。和HTML一样，XML（The eXtensible Markup Language，可扩展置标语言）同样来源于SGML，但XML是一种能定义其他语言的语言。XML最初设计的目的是弥补HTML的不足，以强大的扩展性满足网络信息发布的需要，后来逐渐被用于网络数据的转换和描述。
（3）XHTML
XML虽然数据转换能力强大，完全可以替代HTML，但面对成千上万已有的站点，直接采用XML还为时过早。因此，在HTML 4.0的基础上，用XML的规则对其进行扩展，得到了XHTML（The eXtensible HyperText Markup Language，可扩展超文本置标语言）。
2.表现标准语言
W3C创建CSS（Cascading Style Sheets，层叠样式表）。标准的目的是以CSS取代HTML表格式布局、帧和其他表现的语言。纯CSS布局与结构式HTML相结合能帮助设计师分离外观与结构，使站点的访问及维护更加容易。
3.行为标准
（1）DOM
根据W3C DOM规范，DOM（Document Object Model，文档对象模型）是一种与浏览器、平台和语言相关的接口，通过DOM用户可以访问页面其他的标准组件。DOM解决了Netscape的JavaScript和Microsoft的JScript之间的冲突，给予Web设计师和开发者一个标准的方法，来解决站点中的数据、脚本和表现层对象的访问问题。
（2）ECMAScript
ECMAScript是ECMA制定的标准脚本语言（JavaScript）。目前，推荐遵循的标准是ECMAScript 262。
1.2.2 理解表现和结构相分离
要理解表现和结构相分离，必须先明白一些基本概念，如内容、结构、表现和行为。在此以一个实例来详细说明。
1.内容
内容就是页面实际要传达的真正信息，包含数据、文档或图片等。注意这里强调的“真正”，是指纯粹的数据信息本身，不包含任何辅助信息，如图1-3中的诗歌页面。
图1-3 诗歌的内容
2.结构
可以看到上面的文本信息本身已经完整，但是难以阅读和理解，必须将其格式化一下。把其分成标题、段落和列表等几个部分，如图1-4所示。
3.表现
虽然定义了结构，但是内容的样式没有改变，例如标题字体没有变大，正文的背景也没有变化，列表没有修饰符号等。所有这些用来改变内容外观的东西，称之为“表现”。下面是对上面文本用表现处理过后的效果，如图1-5所示。
图1-4 诗歌的结构
图1-5 诗歌的表现
4.行为
行为是对内容的交互及操作效果。例如，使用JavaScript可以使内容动起来，可以判断一些表单提交并进行相应的一些操作。
所有HTML页面都由结构、表现和行为3个方面内容组成。内容是基础层，然后是附加的结构层和表现层，最后再对这3个层做点“行为”。