第章认识HTML和CSS——建立首要的、基础的正确认知

HTML是英文HyperTextMark-upLanguage的简称,即超文本标签语言(也有文献将其翻译为"超文本标记语言"),它是W3C组织推荐使用的一个国际标准,目的是为了能把存放在一台电脑中的文本或图形与另一台电脑中的文本或图形方便地联系在一起,形成有机的整体.

HTML是根据SGML(StandardGeneralizedMarkupLanguage,标准通用标签语言)定义的,可以说是SGML的一个应用,这个应用主要是考虑到更好地适用于网络环境.
CSS是CascadingStyleSheet的缩写,中文被翻译为"层叠样式表"(也有用户将Cascading译为"级联",从而也称为"级联样式表"),它是描述文档怎样被呈现的语言.
使用CSS,用户可以对文档进行描述,通过描述,可以将文档以不同的方式呈现在不同的介质上,这些介质包括可用于视觉观看的计算机显示器、打印机,还包括可用于听觉倾听的语音合成器(语音合成器是可以将文字转换为声音的一种软件).

CSS不但可以用于呈现HTML网页,也可以用于呈现XML文档以及其他的标签语言所编制的文档,但目前应用最广泛的还是用于呈现HTML网页.
1.
1什么是标签语言标签语言也被称为标记语言或置标语言,它是英文MarkupLanguage的中译.
这类语言并不同于一般的"程序语言",程序语言只是设计应用软件的工具,而标签语言主要用来制作电子文档、存储数据.
标签语言是由一些标识码(codes)或控制标签(tags)所组成的,这些标识码或标签可以让电子文档变得更具有结构性,而这种结构性能够便于应用软件解析和应用.
但是,这些标识码或标签如果独立存在则是无意义的,它们必须结合数据后才能形成一份有用的电子文档,而所谓有用的电子文档则是针对应用软件来说的,也就是说应用软件能够解读这份电子文档中的标签语言,并藉由标签语言的意义来对该份电子文档作特定的处理.

例如,HTML中可以使用标签,可以被应用软件解释为换行,但是如果前后没有数据,那么这个换行是没有意义的.
目前所使用的标签语言可以分为专门用途的标签语言(SpecializedMarkupLanguage)和一般通用的标签语言(GeneralizedMarkupLanguage)两类.
1.
专门用途的标签语言专门用途的标签语言是特意为某种应用软件所特别制定的,或是为了某种特别的应用领域所发展出来的.
例如,HTML就是一种专门用途的标签语言,制定HTML即是为了将文档数据以不同的方式显示在浏览器这个应用软件中.

另外,大多数的文字处理软件也是专门用途的标签语言的应用.
例如,OOXML专门用于微软公司的Office系列软件.
因为这类标签语言应用的范畴较狭隘,所以其标签语言本身的复杂性就较低,当然也就简单易学.
2.
一般通用的标签语言而一般通用的标签语言仅描述文档中数据内容的意义与结构,并没有定义如何去应用这些数据,也就是说它并不是为某一个特别的软件来量身制作的.
文档是使用一般通用的标签语言来标签,因为所有软件都可以使用,其制作出来的电子文档的可移植性(portable)当然是比专门用途的标签语言要好.
SGML就是属于一般通用的标签语言.
SGML有严谨复杂的文法,可以用来标示文档中的数据,以利于应用程序处理,同一份SGML文档可以应用到各种不同的应用软件,而且该份文档不需要作任何的修改或调整.

1.
2什么是SGMLSGML英文全名为StandardGeneralizedMarkupLanguage,即标准通用标签语言,是一种定义电子文档结构和描述其内容的国际标准语言,它是所有电子文档标签语言的起源.
最初,IBM公司开展了一个研究项目,被称为GML,即通用标签语言,目的是解决各种电子文档之间的兼容性,后来,GML在1986年被ISO接纳为国际标准,标准文号为ISO8879:1986,最终被定名为SGML.
SGML在大企业、大的研究机构、政府组织和军队中被广泛应用,一个非常著名的应用就是HTML,HTML正是按照SGML标准而设计出来的一个应用.
HTML和万维网(WorldWideWeb,WWW)都是欧洲核子研究中心(CERN)的伯纳斯·李在1989年发明的,因此,早在万维网发明之前SGML就已存在.
1.
2.
1SGML的应用根据SGML标准定义的标签语言被称为"SGML应用".
通常,一个"SGML应用"包含下面的4个部分.
(1)一个SGML声明.
SGML声明指定哪些字符和定界符可以出现在该应用中.
(2)一个文档类型声明(DTD).
文档类型声明定义标签语法的结构,并且也可以包含附加的定义,如实体引用.
(3)一个规范文档.
规范文档用于描述每个标签的语义,也会定义不能使用DTD描述的语法限制.
(4)一个具体的文档.
这个具体的文档也被称为文档实例,包含数据内容和标签.
每个实例文档包含有一个DTD引用.
例如,HTML语言便是SGML的一个应用,它根据SGML标准制定自己的标签,并通过DTD限定标签的用途.
例如,HTML共有3个DTD文档,它们定义了HTML文档中每种标签的使用.
1.
2.
2SGML的目标SGML主要的目的是将文档的内容(文档包含的实际文字和数据)与呈现(内容以特定输出格式显示的方式或在特定输出设备上显示的方式)分离开来.
通过使用称为标签的特殊符号来标示包含在文档中信息的结构和类型,文档的编写者可以更多地关注文档的内容,而不是信息最终是如何使用和呈现的.

1.
2.
3SGML的优点1.
高稳定性ISO8879是国际标准,它定义了SGML,所以公信力非常高,其所制定的架构也相当严谨.
此外,SGML已使用了二十多年,仅有很少的几次精修,所以SGML是相当成熟的一种通用性标签语言.
2.
高可移植性(平台独立)SGML文档可以跨平台使用,不会因计算机硬件或操作系统的不同而变更,其可移植性为其带来了广泛的应用.
目前,SGML文档在各应用领域中被广泛采用.
3.
高灵活性SGML制定时就考虑须满足广泛的使用者,所以其规范制定得相当灵活,可以满足不同应用领域使用者的需求,且与SGML搭配使用的DSSSL也是国际标准,DSSSL(全称是DocumentStyleSemanticsandSpecificationLanguage)符合ISO/IEC10179:1996标准,其制定的目标有两个:一是定义SGML文档显示时的样式,二是有转换语言的功能.
1.
3HTML和CSS的历史HTML最初由欧洲原子核研究委员会的伯纳斯·李(Berners-Lee)发明,后来被Mosaic作为网页解释语言,并随着Mosaic的流行而逐渐成了网页语言的事实标准.
设计HTML语言的目的是为了能把存放在一台电脑中的文本或图形与另一台电脑中的文本或图形方便地联系在一起,形成有机的整体.
HTML的另外一个目的是为了能让所有的用户都能得到一致的信息,不会因他们的硬件、软件、网络基础设施、母语、文化、地理位置、生理或心智能力而有任何分别.
所有的软件供应商都按照这一语言规范编写解释器,从而使数据呈现一致.

正是由此,如果最早的浏览器软件开发厂商——微软和网景都不让步的话,那么最终将会产生两个不同的用于浏览器的网络文档格式,想象一下,如果这种情况发生,那么人们将不得不在两种浏览器之间进行选择.
并且每一个网站(互联网内容提供者)又必须有自己固定的网上内容,互联网内容提供者要么在这两种版本中选择其一,要么花费更多的人力物力来创建网页的两种复合版本.

好在,这种情况并没有发生.
现在HTML由W3C制定并为各个软件供应商所遵守,虽然微软和网景的浏览器仍然有一些细微的区别,但离共同的目标越来越近了.
目前最新的版本是HTML5.
(技巧与提示:我想要在这里特别强调的是HTML产生的意义:HTML只是为了避免万维网陷于分裂而制定的,万维网的所有相关厂商都遵守并实现对HTML的解释和呈现,那么终端用户就能获得一致的体验.
1.
3.
1HTML和CSS规范的制定者——W3CW3C是WorldWideWebConsortium的简称,也就是"万维网联盟"或"万维网协会",成立于1994年10月.
它是一个国际化的联盟机构,这是一个非正式的论坛机构,一个讨论万维网的公开论坛,主要用于各会员之间互通信息、加强商贸、实现沟通和相互谅解.
W3C的会员、全职工作人员和公众主要就是携手合作开发万维网标准,也就是开发互通技术——包括规范(标准)、指导方针、软件和工具.

按照W3C自己的说法,它的使命是:开发协议和方针,尽展万维网潜能,确保其长期发展.
W3C主要通过万维网标准和方针的制定来履行其使命.
在它的第一个10年中,W3C出版了80多份W3C推荐标准,其中包括众所周知的HTML、XML、XHTML、CSS等.
由于万维网的终端千变万化,为了尽展万维网潜能,当中的基础技术必须能互相兼容,必须让任何用于浏览的硬件和软件协同工作.
W3C称这个目标为万维网互用性.
通过发布公开的(非商业性的)万维网语言和协议标准,W3C致力于避免市场的分裂,从而避免万维网的分裂.

为保证万维网在未来持续兴旺发展,并能适应多元化的人员、硬件和软件,W3C会员、职员及其他被邀请的专家携手合作,来共同开发这些技术.
遍布全球不同领域的组织和软件厂商都加入了W3C,参与到这个制定万维网标准的中立论坛之中.
W3C对万维网做出了杰出的贡献,也因此而赢得了国际认可.
W3C的运作由美国麻省理工学院计算机科学与人工智慧实验室(MITCSAIL),总部设于法国的欧洲信息与数学研究论坛(ERCIM)和日本的庆应大学来共同管理.
W3C在全世界15个地区设立了办事处.
W3C办事处使用本地语言协同本地的万维网团体一起推广W3C技术和扩展W3C基地,并且鼓励W3C活动的国际化参与.
HTML标准由W3C负责开发和制定,一个标准的推出,总是先由一个W3C委员会根据各厂商的建议制定草案(Draft),然后将草案公开并进行讨论,等到比较稳定后形成推荐(Recommendation,一般简写为REC)标准.

例如,目前已经发表的HTML历史版本(即成为推荐标准的版本)如表1-1所示.
表1-1HTML历史版本版本发表日期3.
2W3CREC:1996.
44.
0W3CREC:1997.
124.
01W3CREC:1999.
12目前已经发表的CSS历史版本(即成为推荐标准的版本)如表1-2所示.
表1-2CSS历史版本版本发表日期1.
0W3CREC:1996.
122.
0W3CREC:1998.
52.
1W3CREC:2005.
6Selectors3.
0W3CREC:2009.
12(PR)1.
3.
2HTML的历史版本在整个20世纪90年代,网络呈爆炸式增长,越来越多的网页设计者和浏览器开发者参与到网络中来,每一个人都有不同的想法和目标,每一个人都会按照自己的想法和目标参与到网络中来.
网页设计者会按照自己的想法和目标去编写网页,而浏览器的开发者则可能与网页设计者的想法不同,它会按照自己的方式去呈现网页.

当网页的设计者和浏览器的开发者发生分歧时,必然带来非常不同的呈现.
这时,设计者要面向所有的用户,就必须为每种浏览器创作不同的网页来实现相同的呈现.
这就势必增加创作的成本,从而导致万维网的分裂.
因此,只有网页的设计者和浏览器的开发者都按照同一个规范来编写和呈现网页时才不会导致万维网的分裂,正是这个原因促使各浏览器开发厂商协调起来共同实现同一个HTML规范.

HTML没有1.
0版本,是因为当时有很多不同版本的HTML.
当时W3C并未成立,HTML在1993年6月作为互联网工程工作小组(InternetEngineeringTaskForce,IETF)的一份草案发布,但并未被推荐为正式规范.
在IETF的支持下,根据过去的通用实践,于1995年整理和发布了HTML2.
0.
但是,HTML2.
0是作为RFC1866发布的,其后经过多次修改.
后来的HTML+和HTML3.
0也提出了很多好的建议,并添加了大量丰富的内容,但是这些版本还未能上升到创建的一个规范的程度,因此,有许多厂商实际上并未严格遵守这些版本的格式.

1996年,W3C的HTML工作组编撰和整理了通用的实践,并于第二年公布了HTML3.
2规范.
同期IETF宣布关闭HTML工作组,从此W3C便开始开发和维护HTML规范.
HTML4.
0于1997年12月被W3C推荐为正式规范,并于1999年12月推出一个修订版HTML4.
01.
这个版本被证明是非常合理的,它引入了样式表、脚本、框架、嵌入对象、双向文本显示、更具表现力的表格、增强的表单以及为残疾人提供了可访问性.

此后,W3C解散了HTML工作组,HTML规范长时间处于停滞状态,并转而开发XHTML,直到发布XHTML1.
0规范和XHTML2.
0规范.
XHTML2.
0规范越来越复杂,这导致其长期不被浏览器厂商所接受.

与此同时,WHATWG则认为XHTML并非用户所需要,继续开发HTML的后续版本,并定名为HTML5.
0,随着万维网的发展,WHATWG的工作取得了很多厂商的支持,并最终使得W3C认可,终止XHTML的开发,重新启动HTML工作组,在WHATWG工作的基础上开发HTML5,并最终发布HTML5规范.

每个版本都是在对用户体验的反馈进行分析的基础上进行的,并且使得网页设计者和浏览器开发者都能很好地提供他们所要实现的目标,相对应,浏览者的体验更丰富.
(技巧与提示:RFC是RequestForComments的缩写,意即"请求注解".
通常,当某家机构或团体开发出了一套标准或提出对某种标准的设想,想要征询外界的意见时,就会在Internet上发放一份RFC,对这一问题感兴趣的人可以阅读该RFC并提出自己的意见;绝大部分网络标准的指定都是以RFC的形式开始,经过大量的论证和修改过程,最后由主要的标准化组织所指定的.

RFC文档由IETF维护,可以从IETF上看到所有的RFC文档:http://www.
ietf.
org/1.
3.
3CSS的历史版本自从20世纪70年代SGML被发明起,样式表就已经以某种形式存在了.
但是,CSS是为了专用于为Web文档提供样式信息而诞生的.
随着Web和HTML网页的爆炸式增长,CSS以强大的样式呈现功能满足了Web开发人员和设计人员的需求,它可以在网站变得更复杂的情况下让设计师更多、更方便地去控制和维护网站的外观.
为了提高Web的呈现功能,最初,9个不同的样式表语言被提交到W3C.
在这9项建议中,有两个被选中,并成为了后来的CSS基础,这两个样式表语言分别是层叠HTML样式表(CascadingHTMLStyleSheets,CHSS)和基于流的样式表协议(Stream-basedStyleSheetProposal,SSP).
CHSS与CSS非常相似,它是由哈坤·李(HakonWiumLie)于1994年10月提出来的.
同期,伯特·波斯(BertBos)当时正在设计一个叫做Argo的浏览器,它使用自己的样式表语言的SSP.
后来哈坤·李和伯特·波斯合作开发样式表语言,此时,代表HTML的"H"被从名称中删除了,因为CSS样式表不但可以用于HTML语言,也可应用于其他语言(如XML).
不像已有的样式语言,如DSSSL和FOSI,CSS允许文档的样式可以层叠,即可以有多个样式表的影响.
一个样式表可以"继承"或"级联"另一个样式表,并允许网站设计者和用户都可以控制样式.

哈坤·李于1994年在芝加哥的一次会议上第一次展示了CSS的建议,1995年他与伯特·波斯一起再次展示这个建议.
当时W3C刚刚建立,W3C对CSS的发展很感兴趣,并为此组织了一次研讨会.
哈坤·李、伯特·波斯和其他一些人(如微软的托马斯·雷尔登(ThomasReardon))是这个项目的主要技术负责人.
1996年8月,网景公司展示了一种可替换的样式表语言,称为JavaScriptStyleSheets(JSSS),但最终未被采纳.
1996年底,CSS成为正式文件——CSSlevel1成为正式规范,并最先被微软的IE3浏览器采用.
1997年初,W3C成立了专门管CSS的工作组,并于1998年5月发布CSSlevel2.
CSS2是在CSS1的基础上制定的,基本上涵盖了CSS1,并在CSS1的基础上增加了介质类型、特性选择符、声音样式等功能,对CSS1原有的一些功能也进行了扩充.
W3C于2005年发布CSSlevel2.
1,这是一个level2的精修版本.
鉴于CSS的发展异常迅速,W3C于2005年成立CSS3工作组,并根据功能将CSS模块化,分别制定更新计划,以后各个模块的发展都是独立的,未来可能版本不会完全一致.
CSS3以CSS2.
1为基础将功能进行了模块化,增加了新的样式属性,并对现存的样式属性作了部分修改.
一些模块已经成为正式推荐标准,另一些模块则正处于最后的讨论阶段,最新的浏览器已经对大部分模块开始支持了.

1.
3.
4标准、规范和实现在IT产业中,特别是软件产业中,有两个非常重要的名词,即标准和实现.
标准(standard)是由一个公认的机构制定和批准的文件.
它对活动或活动的结果规定了规则、导则或特殊值,可供共同和反复使用,以在预定领域内实现最佳的秩序效果.
有一些标准具有强制力,如ISO(国际标准组织)制定的标准必须为其成员所遵守,具有法定的约束力;另外一些则没有强制力,但具有很大的影响力,并且在很大程度上成为事实上的标准,如W3C(万维网联合会)制定的一些标准,这些标准一般被称为规范(specification),这些规范中最著名的就是HTTP协议,它实际上已经成为一种事实上的标准.
HTML5也是W3C制定的一个标准.

一般标准和规范都有不同的版本,如HTTP协议有1.
0和1.
1两个版本.
HTML规范也有多个版本:2.
0、3.
0、4.
0、4.
01以及当前正在制定的HTML5.
实现(implementation)则是按照标准和规范做出的某个东西.
例如,开发者按照HTTP协议开发出了一个浏览器程序(浏览器就是通过解析HTTP协议来工作的),那么就称这个浏览器程序为HTTP协议的一个实现,或者说这个浏览器程序实现了HTTP协议.
IE、Firefox、Chrome等浏览器都是HTTP协议的一个实现.

HTML、CSS是W3C制定的另两个规范,IE、Firefox、Chrome等浏览器遵守这些规范,可以呈现HTML语言和CSS语言编写的网页,那么就称它们是HTML、CSS的一个实现.

同样,JavaScript程序语言是遵守ECMA-262标准的,那么就称它们是ECMA-262标准的一个实现.
有些信息技术标准不具有法定约束力,所以很多厂商并不是完全遵守这个标准,只是部分地采纳,部分采纳主要是为了和其他厂商的产品互通.
在标准基础上做一些扩展,主要是为了实现自身的某些特殊需要.

如JavaScript、JScript、DMDScript等,都是部分地遵守ECMA-262标准,它们都在这个标准基础上扩展了自己某些特殊的功能.
而且浏览器厂商也会根据自己独特的需要添加一些与HTML、CSS规范相背的功能,从而导致不同浏览器的呈现之间存在差异.