HTML5和CSS课程(3)
导语
从今日起计划推出系列课程《HTML5和CSS课程》。内容来源于《HTML5与CSS3基础教程（第8版）》。如果你喜欢看书，请购买正版书籍。以下内容均来源于对该本书的解读。
链接、图像和其他非文本内容
显然，万维网充满生机的部分原因是页面之间的链接，以及图像、视频、音乐等。外部文件（如图像）实际上并没有放在HTML 文件中，而是单独保存的，页面只是简单地引用了这些文件，看下面的代码：
<!DOCTYPE html><html lang="en">
<head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>我是页面标题</title></head>
<body> <article> <h1>前端全栈开发</h1> <img src="logo.jpg" width="300" alt="公众号图片" /> <hr /> <img src="logo1.jpg" width="300" height="175" alt="我这个图片不存在" /> <p> <a href="http://www.i-gomall.com" title="爱尚学院官方网站">爱尚学院官方网站</a> </p> </article></body>
</html>
在我们的基本 HTML 文档中，有两个对图像文件 logo.jpg和logo.1jpg 的引用（位于 img 标签的 src属性），其中一个通过地址可以找到，其中一个找不到。浏览器在加载页面其他部分的同时，会请求、加载和显示这个图像。该页还包括一个指向爱尚学院官方网站的链接（位于 a 标签的 href 属性），点击就可以跳转到该网站。下图显示的是该代码在浏览器中呈现的效果。
然而，它们无法处理其他任何文件类型。例如，对有的浏览器来说，要查看 PDF 就需要在系统中预先装好 AdobeReader，要查看电子表格就需要预先装好office 这样的软件。
过去， HTML 没有内置的方法播放视频和音频文件。从网页引用图像和其他非文本内容，浏览器会将这些内容与文本一起显示。使用最为广泛的当数Flash。多年以来， Flash 驱动了无数万维网上的视频。不过，这个插件也有一些问题，其中最为突出的就是它会耗费较多的计算资源。
幸好， HTML5 已经为缓解这一问题迈出了一大步。 HTML5提供了audio和video元素，这样，无需使用插件就可以播放音频和视频。不过，现代浏览器也提供了内置的媒体播放器，你仍然可以使用 Flash 播放器作为旧浏览器的备用工具。 HTML5 的音频和视频还不完美，但至少开始向着无插件的目标前进了，而且还在继续前进。
好，今天的课程就到这里！！！
