天天看點

《HTML5與CSS3實戰指南》——第1章 HTML5和CSS3簡介1.1 什麼是HTML5

本節書摘來自異步社群《html5與css3實戰指南》一書中的第1章,第1.1節,作者: 【美】estelle weyl , louis lazaris , alexis goldstein 更多章節内容可以通路雲栖社群“異步社群”公衆号檢視。

本章将簡要回顧html5和css3的發展曆程,并介紹html5和css3對于現代網站及web應用程式的重要性,以及如何應用這些技術。

當然,如果您希望直接進入建立項目的實質部分,并開始學習如何使用html5和css3的新技術及功能,您可以先跳到第2章,稍後再回到本章。

我們今天所了解的html5,它具有一段相對動蕩的曆史。您可能已經了解到html是網際網路上用于描述網頁内容及資料的主要标記語言。html5是此标記語言的最新版本,它包括新功能、對現有功能的改進以及基于腳本的api。

也就是說,html5相容以前的所有版本—包括html4和xhtml1.0的所有有效元素。此外,在設計它時考慮到了一些主要原則,以確定在每個平台上能夠正常工作,相容所有的舊版浏覽器并恰當地處理錯誤。您可在w3g’s html design principles網頁1查閱建立html5的設計原則概述。

首先,html5包括了現有标記元素的重新定義以及可使網絡設計人員在标記語義時更具表現力的新元素。在您可以使用articles、sections、headers和footers等元素時,為什麼還要用div元素将您的網頁弄的看起來很雜亂?

“html5”另外還用于特指許多其他的新技術及api。其中一些包括用< canvas >元素繪制、離線存儲、新的< video >和< audio >元素、拖放功能、微資料和嵌入字型等。本書将涵蓋許多諸如此類的新技術。

什麼是api?

api表示應用程式程式設計接口。用了解圖形使用者界面(gui)的思維方式去了解api—除了是使用者接口,也是代碼接口。api為您的程式提供一組“按鈕”(預定義方法),通過單擊,可以從系統、軟體庫或浏覽器進行相關操作。

基于api的指令是将在背景完成(或有時由第三方軟體完成)的更複雜的内容進行抽象處理的一種方式。一些與html5相關的api将在本書後面的章節中進行介紹和讨論。

總之,如果沒有javascript或其他基于腳本的api相關經驗,您也不必感到擔心。盡管具有相關經驗,肯定有益處,但這并不是必不可少的。

不管怎樣,我們将循序漸進地帶您浏覽本書的腳本部分,以確定您能夠完全掌握!

另外,應該注意在本書中,以前是html5一部分的一些技術,已經從本規範中分離開來,從技術角度講,他們已不屬于“html5”範疇。一些确定不再是html5一部分的技術,有時也被列在此類下。是以我們使用廣泛的、包含一切的表達方式,比如“html5及相關技術”。bruce lawson甚至半開玩笑地建議使用newt(new exciting web technologies,令人興奮的新web技術)2術語來表述。

當然,為了友善起見(并且避免引起争論),我們将這些技術統稱為“html5”。

繼續閱讀