CSS全程指南
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人

1.1 Web标准概述

Web标准不是某一个标准,而是一系列标准的集合。Web标准主要由三部分组成:结构(Structure)、表现(Presentation)和行为(Behavior)。对应的标准也分三方面:结构化标准语言主要包括HTML、XHTML和XML,表现标准语言主要包括CSS,行为标准主要包括对象模型(如W3C DOM、ECMAScript等)。这些标准大部分由W3C起草和发布,也有一些是其他标准组织制订的,比如ECMA(European Computer Manufacturers Association)的ECMAScript标准。

1.1.1 结构

结构用以对网页中的信息进行整理和分类,用于结构化设计的Web标准技术主要有HTML、XHTML和XML这三种,下面分别介绍这三种标记语言。

1.HTML

HTML是“Hypertext Markup Language”(超文本标记语言)的缩写。“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字的元素。HTML的结构包括头部(Head)、主体(Body)两大部分,其中头部主要描述浏览器所需的信息,主体则包含所要说明的具体内容。

HTML虽然是一种语言,但却不是如C++和Java之类的程序语言,它只是标记语言,只要明白了各种标记的用法便算学会了HTML。HTML的格式非常简单,因此任何文本编辑器都可以制作HTML页面(如记事本等),当然还有专业的HTML代码级的制作工具(如Homesite4.5等)。但目前“所见即所得”的编辑器逐渐被网站设计人员接受(如Dreamweaver等),虽然这类编辑器不需要设计者非常熟悉HTML代码,但毕竟是以HTML为基础的,有些必要的语法和页面的优化仍然要用到HTML源码。目前的编辑器并不是很完善,包括HTML4、DHTML、CSS等就需要设计者用源码输入。

2.XHTML

XHTML是“Extensible HyperText Markup Language”(可扩展超文本标识语言)的缩写。HTML是一种基本的Web网页设计语言,而XHTML则是一个基于XML的标记语言,看起来与HTML有些相像,只有一些小的但重要的区别。XHTML其实就是一个扮演着类似HTML的角色的XML。所以,本质上说,XHTML是一个过渡技术,结合了XML的部分强大功能及HTML的大多数简单特性。

2000年底,国际W3C(World Wide Web Consortium,万维网组织)公布发行了XHTML 1.0版本。XHTML 1.0是一种在HTML 4.0基础上优化和改进的新语言,它是一种增强了的HTML,它的可扩展性和灵活性将适应未来网络应用更多的需求。XML虽然数据转换能力强大,完全可以替代HTML,但面对成千上万已有的基于HTML语言设计的网站,直接采用XML还为时过早。因此,在HTML4.0的基础上,用XML的规则对其进行扩展,得到了XHTML。所以,建立XHTML的目的就是实现HTML向XML的过渡。目前国际上在网站设计中推崇的Web标准就是基于XHTML的应用(即通常所说的div+CSS)。

3.XML

XML是“Extensible Markup Language”(可扩展标识语言)的简写。目前推荐遵循的是W3C组织于2000年10月6日发布的XML1.0版本。和HTML一样,XML同样来源于SGML,但XML是一种能定义其他语言的语言。XML最初设计的目的是弥补HTML的不足,以强大的扩展性满足网络信息发布的需要,后来逐渐用于网络数据的转换和描述。目前在网站信息传递中常用的RSS就是典型的XML应用。

1.1.2 表现

表现主要用于对已经被结构化了的信息进行显示上的控制,包含颜色、大小等。用于表现的Web标准技术主要是CSS。

CSS是“Cascading Style Sheets”(层叠样式表)的缩写。目前推荐遵循的是W3C于1998年5月12日推荐的CSS2(参考http://www.w3.org/TR/CSS2/)。W3C创建CSS标准的目的是以CSS取代HTML表格式布局、帧和其他表现的语言。纯CSS布局与结构式XHTML相结合能帮助设计师分离外观与结构,使站点的访问及维护更加容易。

1.1.3 行为

行为是对文档内部的一个模型定义以及交互行为的编写,用以表现行为的Web标准技术主要有DOM和ECMAScript,下面分别介绍这两种技术。

(1)DOM

DOM是“Document Object Model”(文档对象模型)的缩写。根据W3C DOM规范,DOM是一种与浏览器、平台、语言的接口,使得用户可以访问页面其中的标准组件。简单理解,DOM解决了Netscape的JavaScript和Microsoft的JScript之间的冲突,给予Web设计师和开发者一个标准的方法,让其来访问站点中的数据、脚本和表现层对象。

(2)ECMAScript

ECMAScript是ECMA(European Computer Manufacturers Association)制定的标准脚本语言(JavaScript)。目前推荐遵循的是ECMAScript 262。