這篇文章主要講解了“HTML5的知識點有哪些”,文中的講解內(nèi)容簡單清晰,易于學(xué)習(xí)與理解,下面請大家跟著小編的思路慢慢深入,一起來研究和學(xué)習(xí)“HTML5的知識點有哪些”吧!
成都創(chuàng)新互聯(lián)專注于嘉黎企業(yè)網(wǎng)站建設(shè),響應(yīng)式網(wǎng)站設(shè)計,商城網(wǎng)站建設(shè)。嘉黎網(wǎng)站建設(shè)公司,為嘉黎等地區(qū)提供建站服務(wù)。全流程定制開發(fā),專業(yè)設(shè)計,全程項目跟蹤,成都創(chuàng)新互聯(lián)專業(yè)和態(tài)度為您提供的服務(wù)
1 :基于HTML5的移動Web應(yīng)用
Canvas繪圖:通過獲取HTML中的Dom元素Canvas,調(diào)用其渲染上下文的Context對象,使用Js進行圖形繪制。
多媒體:Video和Audio (多媒體視頻格式:Ogg MPEG4 WebM)
本地存儲:通過提供key/value方式存儲數(shù)據(jù)
Web Storage:
基于HTML5的移動Web應(yīng)用
Canvas繪圖:通過獲取HTML中的Dom元素Canvas,調(diào)用其渲染上下文的Context對象,使用Js進行圖形繪制。
多媒體:Video和Audio (多媒體視頻格式:Ogg MPEG4 WebM)
本地存儲:通過提供key/value方式存儲數(shù)據(jù)
Web Storage:localStorage - 沒有時間限制的數(shù)據(jù)存儲
sessionStorage - 針對一個 session 的數(shù)據(jù)存儲,當用戶關(guān)閉瀏覽器窗口后,數(shù)據(jù)會被刪除
Web SQL Database: 通過類似關(guān)系數(shù)據(jù)庫的形式存儲數(shù)據(jù)(已經(jīng)是個廢棄的標準了) 三個核心方法 openDatabase transaction executeSql
離線應(yīng)用:當支持離線應(yīng)用的瀏覽器檢測到清單文件(Manifest File),中的任何資源文件時,便會下載對應(yīng)的資源文件,將它們緩存到本地
使用地理位置
移動Web框架:基于jQuery頁面驅(qū)動的jQuery Mobile、基于ExtJS架構(gòu)的Sencha Touch,以及能打通Web和Native兩者之間通道的PhoneGap框架。有兩種開發(fā)模式:基于傳統(tǒng)Web的開發(fā)(jQuery Mobile)和基于組件式的Web開發(fā)(Sencha Touch)
localStorage - 沒有時間限制的數(shù)據(jù)存儲
sessionStorage - 針對一個 session 的數(shù)據(jù)存儲,當 用戶關(guān)閉瀏覽器窗口后,數(shù)據(jù)會被刪除
Web SQL Database: 通過類似關(guān)系數(shù)據(jù)庫的形式存儲數(shù)據(jù)(已經(jīng)是個廢棄的標準了) 三個核心方法 openDatabase transaction executeSql
離線應(yīng)用:當支持離線應(yīng)用的瀏覽器檢測到清單文件(Manifest File),中的任何資源文件時,便會下載對應(yīng)的資源文件,將它們緩存到本地
使用地理位置
移動Web框架:基于jQuery頁面驅(qū)動的jQuery Mobile、基于ExtJS架構(gòu)的Sencha Touch,以及能打通Web和Native兩者之間通道的PhoneGap框架。有兩種開發(fā)模式:基于傳統(tǒng)Web的開發(fā)(jQuery Mobile)和基于組件式的Web開發(fā)(Sencha Touch)
2:HTML5 中的一些有趣的新特性:
用于繪畫的 canvas 元素
用于媒介回放的 video 和 audio 元素
對本地離線存儲的更好的支持
新的特殊內(nèi)容元素,比如 article、footer、header、nav、section
新的表單控件,比如 calendar、date、time、email、url、search
3:localStorage: ***保存的數(shù)據(jù),是域內(nèi)安全的,它是基于域的,任何在該域內(nèi)的所有頁面,都可以訪問localStorage數(shù)據(jù)。
注意的是 Firefox中使用localStorage存儲的數(shù)據(jù)在Chorme瀏覽器是無法讀取的,同樣,由于localStorage數(shù)據(jù)保存在設(shè)備中,同一個應(yīng)用程序在不同設(shè)備上保存的數(shù)據(jù)是不同的,比如Android的數(shù)據(jù)IOS訪問不了
先來看看Storage的API :屬性 length;方法:setItem、getItem、removeItem、clear 當然大家看名稱也都能知道這些是什么含義,在這里就不具體贅述各自的具體寫法
sessionStorage: 存儲的數(shù)據(jù)周期只保存在存儲它的當前窗口或者當前窗口新建的新窗口中,一旦關(guān)閉,數(shù)據(jù)就清除,它承接于Storage的接口,用法和localStorage基本一樣
Storage時間監(jiān)聽: StorageEvent的API: key、oldValue、newValue、url、StorageArea; Storage時間可以使用addEventListener進行注冊監(jiān)聽
感謝各位的閱讀,以上就是“HTML5的知識點有哪些”的內(nèi)容了,經(jīng)過本文的學(xué)習(xí)后,相信大家對HTML5的知識點有哪些這一問題有了更深刻的體會,具體使用情況還需要大家實踐驗證。這里是創(chuàng)新互聯(lián),小編將為大家推送更多相關(guān)知識點的文章,歡迎關(guān)注!
網(wǎng)頁題目:HTML5的知識點有哪些
標題路徑:http://muchs.cn/article6/iegeog.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站制作、用戶體驗、網(wǎng)站建設(shè)、App開發(fā)、微信公眾號、企業(yè)建站
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)