HTML和CSS简介

万维网成功的根基,是一种基于文本的标记语言──HTML,它简单易学,并且能被任何带有基本Web浏览器的设备识读。每个网页都至少用一点儿HTML,否则也就不能称为网页了。

随着学习的深入细致,你会了解到,HTML用于定义内容的含义,而CSS用于定义内容和网页如何显示。HTML页面和CSS文件(样式表,stylesheet)都是文本文件,因此很容易编辑。在下面的“如何使用本书”一节,你将看到一些HTML和CSS的代码片段。

从第1章起,我们开始学习基本的HTML页面;从第7章起学习用CSS定义页面样式。关于本书各章内容概述及主题汇总,请参见“本书涉及内容”。

  • 什么是HTML5

了解一些有关HTML起源的基础知识对于理解HTML5是有帮助的。HTML诞生于20世纪90年代初,用于详细规定少量构建网页的元素。这些元素中的大多数都用于描述网页内容,如标题、段落、列表等。随着更多元素的引入以及对语法规则本身的调整,HTML这门语言的版本号也在更新。当前最新的版本便是HTML5。

HTML5是HTML早期版本的自然延续,它尽可能地满足当前网站和未来网站的需求。它从以前的版本中继承了大部分特性,这意味着,如果你在HTML5出现之前写过HTML,那么你已经知道很多关于HTML5的知识了。这也意味着,HTML5的大部分内容都可以兼容新旧浏览器,向后兼容是HTML5的一项重要设计原则(参见www.w3.org/TR/html-design-principles/)。

HTML5还增加了不少新功能。很多新功能都很简单,比如用于描述内容的辅助元素(如articlesectionfigure等)。还有一些用于帮助创建强大的Web应用程序的新功能则非常复杂。只有牢牢掌握了创建网页的技能,才能去学习HTML5更复杂的功能。HTML5还引入了原生的音频和视频播放功能,这在本书中也会讲到。

  • 什么是CSS3

HTML诞生几年后才出现CSS的第一个版本。CSS于1996年正式推出。同HTML5与其早期版本的关系一样,CSS3也是CSS早期版本的自然延续。CSS3比CSS早期版本更为强大,它引入了大量的视觉效果,如外阴影、文字阴影、圆角、渐变等。(关于CSS3涵盖的详细信息,请参见“本书涉及内容”。)

  • Web标准与规范

你可能在想,是谁第一个创造了HTML和CSS,又是谁在持续地发展它们。由万维网和HTML的发明者TimBerners-Lee主持的万维网联盟(W3C)是负责带领Web标准发展的组织。规范(specification,缩写为spec)是定义HTML、CSS等语言的参数的文档。也就是说,规范对规则进行了标准化。要了解W3C的活动,请登录www.w3.org(见图1)。

HTML和CSS简介 - 图1

图1 W3C的网站是业内Web标准规范的主要信息来源

由于各种原因,另一个组织,Web超文本应用技术工作组(WHATWG,www.whatwg.org),也在开发HTML5规范。W3C将WHATWG的工作纳入了其正在开发的规范的正式版本之中。

利用已经完成的标准,我们可以根据一套成形规则创建网页,而Chrome、Firefox、InternetExplorer(IE)、Opera和Safari等浏览器也能根据这套规则显示这些页面。(整体上,浏览器对标准的支持是良好的。IE的早期版本,尤其是IE6,则存在一些问题。)

经过几个阶段的发展,规范最终会被确定下来,成为推荐标准(Recommendation,www.w3.org/2005/10/Process-20051014/tr)。

部分HTML5和CSS3规范仍未最终敲定,但这并不意味着你不能使用这些规范。标准化的过程需要经历一些时间(准确地说需要数年)。浏览器会在规范成为推荐标准之前很久便实现其功能,这也是规范发展过程的反映。因此,浏览器已经包括了大量HTML5和CSS3的功能,尽管它们还没有成为推荐标准。

总体上,本书涉及的功能都是规范中较为明确规定的,因此它们在推荐标准推出之前发生改变的可能性极小。很多HTML5和CSS3功能已经实际使用一段时间了,你完全可以放心使用。