首页 > 文档

HTML5与CSS3基础教程

slbcun
2024-05-30
1320 ℃

万维网成功的根基，是一种基于文本的标记语言──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还增加了不少新功能。很多新功能都很简单，比如用于描述内容的辅助元素（如article、section、figure等）。还有一些用于帮助创建强大的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）。