這是html5介紹ppt，包括了什么是HTML5，HTML5新特性和那些效果，HTML5瀏覽器支持情況，HTML5移動開發(fā)框架介紹，HTML5目前存在的應用局限等內容，歡迎點擊下載。

html5介紹ppt是由紅軟PPT免費下載網推薦的一款課件PPT類型的PowerPoint.

介紹目錄什么是HTML5？ HTML5時間表 HTML5的八大新特性語義語義化的標簽增強的表單控件離線存儲 Web 存儲 (Web Storage) HTML5 提供了兩種在客戶端存儲數(shù)據的新方法： localStorage - 用于持久化的本地存儲，除非主動刪除數(shù)據，否則數(shù)據是永遠不會過期。 sessionStorage - 用于存儲一個會話（session）中的數(shù)據，這些數(shù)據只有在同一個會話中的頁面才能訪問，當會話結束后數(shù)據也隨之銷毀。 以前，這些都是由 Cookie 完成的。但是 Cookie 有4KB的大小限制，而且會隨HTTP請求一起被傳遞，無形中拖慢網頁速度而且效率不高。 Web SQL DataBase 對于存儲少量的數(shù)據，Web Storage能夠很好的完成任務，但是對大量的結構化數(shù)據進行處理時，它就力所不及了，而這正是DB的應用所在。  DB嚴格遵循W3C的同源策略，每個源都擁有獨立的存儲空間，每個存儲空間內又可以創(chuàng)建多個數(shù)據庫，每個數(shù)據庫可以包含多個表，每個表都是一個json對象列表，可以存儲多個json對象，比如{"name": "sonic"， "age": 27}。 核心方法： 1. openDatabase(""，""，""，""，function(t){})//創(chuàng)建數(shù)據庫，數(shù)據庫名，版本號，描述，大小(b)，匿名函數(shù)(可省略) 2. transaction(function(tx){})//執(zhí)行查詢，匿名函數(shù)，tx，事物類型，負責實際的查詢。 3. executeSql(""，[]，function(tx，result){}，function(tx，error){})//真正執(zhí)行查詢，sql語句，參數(shù)，成功函數(shù)(事物參數(shù)，結果集)，失敗函數(shù)(事物參數(shù)，結果集) Demo var db = openDatabase(' DBName '，'1.0'，'test database'，5*1024*1024); //5MB If(db) { db.transaction(function(tx){ tx.executeSql('CREATE TABLE IF NOT EXISTS MsgData(name TEXT，msg TEXT，time INTEGER)'，[]); }) db.transaction(function(tx){ tx.executeSql('SELECT * FROM MsgData'，[]，function(tx，result){ for(var i=0; i < result.rows.length; i++){ showData(result.rows.item(i)); } }); }) db.transaction(function(tx){ tx.executeSql('INSERT INTO MsgData VALUES(?，?，?)'， [name，msg，time]， function(tx，result) { }，function(tx，error){ result.innerHTML= error.source + ':' + error.message; }) }) db.transaction(function(tx){ tx.executeSql('DROP TABLE MsgData'，[]); }) } Application Cache 使用Application Cache，你可以指定哪一個文件是瀏覽器緩存保留的并提供給用戶離線使用的。這時候你的網站工作起來就像是線上一樣，并且他們不會感覺到和真正在線使用有任何差異。那么，哪一部分文件是瀏覽器要保存的呢？這一切都定義在緩存清單文件中。設備通用拖拽與拖放 (Drag & Drop) 與 文件處理 (File API) 過去我們想實現(xiàn)網頁中的拖拽效果，基本上都是使用DOM事件模型中的mousedown、mousemove、mouseup的鼠標事件監(jiān)聽來模擬拖拽效果，為了實現(xiàn)實時的拖拽移動效果，還要不停地獲取鼠標的坐標，不停的修改元素的位置，代碼要堆很多，而且性能也很差，現(xiàn)在有了HTML5原生的Drag & Drop 拖拽事件，再結合FileAPI 中的 FileReader，一切變得so easy~ 連接桌面通知 (Notifications) 通過桌面通知系統(tǒng)，網站可以在用戶桌面彈出一條通知，無論用戶是否瀏覽當前網頁，甚至最小化了瀏覽器，通知均可到達用戶桌面。多媒體音頻和視頻 (Audio + Video) Audio和Video是首批添加到HTML規(guī)范中的標簽。它們的加入使得我們可以像插入圖片一樣來處理音頻及視頻文件。三維、圖形與特效 Canvas 畫布元素傳統(tǒng)的網頁，總是使用GIF或者JPEG來顯示圖像，這種圖形是需要事先畫好的“靜態(tài)”的圖像。而Canvas，則是用Javascript的一種繪圖手段�？梢杂盟鼇懋媹D、合成圖象、或做簡單的(和不那么簡單的)動畫。 SVG 矢量圖形 SVG（Scalable Vector Graphics）：可縮放矢量圖形，使用 XML 來描述二維圖形和繪圖程序的語言。可以在瀏覽器中構造 矩形、圓形、橢圓、線條、多邊形、折線、路徑、濾鏡效果、漸變效果，和動畫等。 CSS3 CSS選擇器 (CSS Selector) 顏色 (Color) 分欄 (Columns) 邊框 (Border)與文本 (Text) 漸變 (Gradients) 變形 (Transforms) 瀏覽器支持情況移動開發(fā)框架 Mobile Web框架比較 1、jQTouch    jQTouch 是一個 jQuery 的插件，主要用于手機上的 Webkit 瀏覽器上實現(xiàn)一些包括動畫、列表導航、默認應用樣式等各種常見UI效果的 JavaScript 庫。支持包括 iPhone、Android 等手機。演示：http://jqtjs.com/preview/demos/main/#home 2、 jQuery Mobile    jQuery Mobile 是 jQuery 在手機上和平板設備上的版本。jQuery Mobile跟jQTouch相比很相似，但是更加標準，更有適應性，對用戶接口和style的支持范圍更加寬廣了。jQuery Mobile 不僅會給主流移動平臺帶來jQuery核心庫，而且會發(fā)布一個完整統(tǒng)一的jQuery移動UI框架，支持全球主流的移動平臺。演示： http://jquerymobile.com/   3、Sencha Touch   這是個與Ext JS框架完全不同的產物，可以快速的開發(fā)出運行于移動終端的應用程序。使用Sencha與jQTouch/jQuery相比，雖然app很明顯地不那么輕量級，但是其性能和可靠性方面明顯提高了，不過其初始化加載時間略慢。全面兼容 Android 和 Apple iOS 設備。它擁有大量的用戶接口組件，直接的iPad支持，擁有JSON和HTML5線下存儲技術使得存儲和數(shù)據綁定更加方便。資料：http://www.cnblogs.com/mlzs/ http://www.sencha.com/products/touch/ http://docs.sencha.com/touch/2.2.1/ 開發(fā)工具：Sencha Architect   4、 PhoneGap   PhoneGap是一個用基于HTML，CSS和JavaScript的，創(chuàng)建移動跨平臺移動應用程序的快速開發(fā)平臺。它使開發(fā)者能夠利用iPhone，Android，Palm，Symbian，WP7，Bada和Blackberry智能手機的核心功能——包括地理定位，加速器，聯(lián)系人，聲音和振動等，此外PhoneGap擁有豐富的插件，可以以此擴展無限的功能。 PhoneGap是免費的，但是它需要特定平臺提供的附加軟件，例如iPhone的iPhone SDK，Android的Android SDK等，也可以和DW5.5配套開發(fā)。使用PhoneGap只比為每個平臺分別建立應用程序好一點點，因為雖然基本代碼是一樣的，但是你仍然需要為每個平臺分別編譯應用程序。 HTML5 PhoneGap PhoneGap 功能特點 1、兼容性。 2、標準化。PhoneGap用W3C標準，特別標準，Web App直接一字不改就能運行。尤其是和JQ Mobile結合在一起使用，實在是威力無窮��！ 當然目前PhoneGap缺陷還是蠻多的，比如運行速度慢，UI反應延時——這是個致命傷。不過嘛，這種問題是會隨著技術的進步而消失的。它的優(yōu)勢是無以倫比的：開發(fā)成本低——筆者個人估計，至多是Native App的五分之一吧。當然，Native App永遠會有一席之地，比如高端游戲。 PhoneGap作為HTML5的一個跨平臺框架，發(fā)展前景很大。 HTML5目前的局限各瀏覽器支持程度不同。如目前支持較好的有 FIREFOX ，Chrome，IE8 國內存在高比例舊款瀏覽器兼容性不同，如視頻格式開發(fā)工具不健全規(guī)范未正式發(fā)布瀏覽器效率未到達理想 THANK YOUFVB紅軟基地

ppt轉換html5：這是ppt轉換html5，包括了HTML5介紹，HTML5定義頁面結構，HTML5增強的表單控件，多媒體，畫布、SVG、拖放等內容，歡迎點擊下載。

html5 ppt開發(fā)：這是html5 ppt開發(fā)，包括了什么是HTML5，HTML5新特性和那些效果，HTML5瀏覽器支持情況，HTML5移動開發(fā)框架介紹，HTML5目前存在的應用局限等內容，歡迎點擊下載。

html5教程ppt：這是html5教程ppt（部分ppt內容已做更新升級），包括了什么是HTML5，HTML5新特性和那些效果，HTML5瀏覽器支持情況，HTML5移動開發(fā)框架介紹，HTML5目前存在的應用局限等內容，歡迎點擊下載。