DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML5詳解 >> 《精通HTML5編程》第一章:內容概述
《精通HTML5編程》第一章:內容概述
編輯:HTML5詳解     

老狗在群裡面傳了一本書《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等,我看完一章貼一篇總結出來。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved