前端三剑客让你轻松精通

在这节的开头，先给大家带来一只非常可爱的卡通小老虎，如图1.2.1所示：

图1.2.1　用HTML5制作的卡通老虎

很多读者可能会说，这只可爱的卡通老虎一定是某位绘画高手的作品吧！其实，它是通过使用纯粹的HTML5和CSS3代码制作而成的。

HTML的全称是HyperText Markup Language，即超文本标记语言。这个名字看起来既炫酷又晦涩难懂，然而HTML实际上就是一种脚本语言。

我们拿电影来打个比方。一种脚本语言，就像电影里的剧本一样。它有一定的规则，但会比较抽象，直接拿给观众看会让他们觉得看不懂。前端工程师就相当于编剧兼导演，用HTML语言编写整部电影的剧情，然后制定演出规则。浏览器就相当于电影里的演员，可以把以文字为主的内容通过图片、音频、视频等丰富多彩的方式动态地展现给观众。这里所说的观众，也就是网页的浏览者了。

“CSS”的全称是Cascading Style Sheets，即层叠样式表，它相当于电影里的化妆师。演员的表演都很到位，但是多数观众都喜欢在电影里看到漂亮的女神和帅气的男神。CSS的作用就是使电影的演员“浏览器”以更漂亮的面貌展现给观众。(www.xing528.com)

电影拍摄完成了，要想更加卖座，光靠表演可不行，还需要后期制作，加上精彩纷呈的特效，这时就需要JavaScript来帮忙了。JavaScript可以实现一些动态的特效，让浏览器的表演更加生动。

HTML、CSS和JavaScript三门脚本语言是前端工程师的三大利器，拥有“前端三剑客”之称。如果你是一位出色的前端工程师，你可以用它们制作网页、绘画、播放多媒体，甚至制作一部剧情复杂的电影。

作为一门艺术，电影具有规范的流程，剧本定下来，不同的演员演出来，故事都还是那个故事。HTML和CSS的展现方式也是有既定标准的，同一套网页代码，在不同浏览器上运行，表现出的内容大同小异。

正常来说，演员怎么表演都是导演说了算，但是也会有些演员仗着自己粉丝多，喜欢在导演面前耍大牌。在前端界，这个大牌演员就是IE浏览器。因为IE浏览器是Windows操作系统的默认浏览器，而Windows操作系统又占有极大的PC市场，所以互联网在发展之初，绝大部分网民都是使用IE浏览器上网。随着技术的进步，前端界的“电影协会”W3C组织逐渐定义了一套统一且更先进的HTML和CSS标准，但是IE浏览器总是独树一帜，让前端工程师们苦不堪言。

演员们会年老色衰，即便化妆也不能保证变得像“小鲜肉”一样，这时不得不使用一些“黑科技”化妆手法。浏览器也有类似的情况，比如曾红极一时的IE6浏览器，如今还有很多使用者，但一些CSS代码用在IE6上会失效，于是为了兼容就需要额外为其写一套样式。

总而言之，通过合理使用HTML、CSS和JavaScript，我们能够完整地构建一系列网页，为用户提供一套功能强大、交互友好的网络应用。