1.5 链接、图像和其他非文本内容

显然,万维网充满生机的部分原因是页面之间的链接,以及图像、视频、音乐、动画等。外部文件(如视频)实际上并没有放在HTML文件中,而是单独保存的,只是简单地在页面中引用了这些文件,如图1.5.1所示。由于引用只是文本,因此不会破坏HTML文件的普遍可访问性。

  1. ...
  2. <article>
  3. <h1>The Ephemeral Blue Flax</h1>
  4. <img src="blueflax.jpg" width="300" height="175" alt="Blue Flax (Linum lewisii)" />
  5. <p>I am continually <em>amazed</em> at the beautiful, delicate <a href="http://en.wikipedia.org/wiki/
  6. Linum_lewisii" rel="external" title="Learn more about the Blue Flax">Blue Flax</a> that somehow took hold in my garden. They are awash in color every morning, yet not a single flower remains by the afternoon. They are the very definition of ephemeral.</p>
  7. </article>
  8. ...

图1.5.1 在我们的基本HTML文档中,有一个对图像文件blueflax.jpg的引用,浏览器在加载页面其他部分的同时,会请求、加载和显示这个图片。该页还包括一个指向关于BlueFlax的页面的链接

浏览器可以毫无困难地处理链接和图像(仅支持文本的浏览器除外),如图1.5.2所示。然而,它们无法处理其他任何文件类型。如果引用了访问者的浏览器不能理解的文件,浏览器通常会试着寻找能打开这种文件的插件或辅助应用程序(位于访问者计算机上的某个程序)。

1.5 链接、图像和其他非文本内容 - 图1

图1.5.2 从网页引用图像和其他非文本内容,浏览器会将这些内容与文本一起显示

还可以向浏览器提供额外的信息,告诉它呈现内容需要用到的插件,以及如果访问者的计算机上没有查看特定文件的插件,应该如何下载这些插件。

下载和安装插件会打断用户访问网站的体验,让人感觉完成这些事情需要花很长时间。由于插件并不是浏览器自带的部分,它们还会引入性能问题。

例如,Flash是多年来使用最为广泛的插件。你肯定经历过观看Flash视频的过程中计算机变慢甚至浏览器崩溃的情况。

HTML5试图减轻这些问题,其做法是通过audiovideo元素在浏览器中引入原生的媒体播放器。不幸的是,不同的浏览器厂商对支持的媒体格式存在争议,因此还无法完全抛弃插件。不过,这毕竟是个开始。

本书将在第5章讨论图像,在第17章讨论插件、HTML5的媒体元素等内容。