老狗在群裡面傳了一本書《Pro.Html5.Programming》,圖書的出版說明技術開始走向實用,同時說明關注的人開始增多了。新技術的第一批書免不了有些不夠深厚,大都是泛泛的介紹。我看了之後挑出重要的內容整理成一個提綱,懶得看書的同學直接看這個就可以了。 書中提到的代碼可以再這裡下載。
第一章主介紹了Html5的優點和新特性,優點就不羅嗦了。
特性如下:
1、簡化的DOCTYPE和Character Set:
<!DOCTYPE Html>
<meta charset=”utf-8″>
2、語義標簽
更利於搜索引擎理解頁面內容,同時也在一定程度上簡化頁面的編寫。
header 頁面的頭部或者文章的頭部 footer 頁面的尾部或者文章的尾部 section 網頁中的一節 article 獨立的文章內容 aside 相關文章或引用 nav 導航
Html5文檔實例如下:
Html5代碼
CSS示例
3、JS的增強
查詢選擇器(querySelector):JS中終於加入了查詢選擇器querySelector()和querySelectorAll(),其行為類似jQuery或者CSS選擇器。 querySelector()返回第一個匹配元素,querySelectorAll()返回所有的匹配元素,兩個選擇器的查詢規則類似,如:querySelector(“input.error”),querySelectorAll(“#results td”)等。
JS記錄和調試:此功能並非Html5提供,而是近期的浏覽器在前台開發與調試上比以前幾年都有了極大的改進。比如說,FF的FireBug,Chrome的Developer Tools等
原生JSON支持:window.JSON ,提供parse()和stringify()方法,相比JS實現極大的提高了性能。
DOM Level 3:IE9終於支持DOM Level 2和3了,終於快要可以統一了。
JS性能大增:浏覽器進入JS性能良性競爭,是JS性能極大提高。
其中2~10章還分別介紹了,Canvas,Audio和Video,GeolocationAPI,CommunicationAPI,WebSocket,FormAPI,WebWorkders,WebStorageAPI等,我看完一章貼一篇總結出來。