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>前端全棧開發(fā)</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 就需要在系統(tǒng)中預先裝好 AdobeReader，要查看電子表格就需要預先裝好office 這樣的軟件。
過去， HTML 沒有內置的方法播放視頻和音頻文件。從網頁引用圖像和其他非文本內容，瀏覽器會將這些內容與文本一起顯示。使用最為廣泛的當數Flash。多年以來， Flash 驅動了無數萬維網上的視頻。不過，這個插件也有一些問題，其中最為突出的就是它會耗費較多的計算資源。
幸好， HTML5 已經為緩解這一問題邁出了一大步。 HTML5提供了audio和video元素，這樣，無需使用插件就可以播放音頻和視頻。不過，現代瀏覽器也提供了內置的媒體播放器，你仍然可以使用 Flash 播放器作為舊瀏覽器的備用工具。 HTML5 的音頻和視頻還不完美，但至少開始向著無插件的目標前進了，而且還在繼續(xù)前進。
好，今天的課程就到這里?。。?/p>
