這篇文章主要講解了“HTML5的知識點(diǎn)有哪些”，文中的講解內(nèi)容簡單清晰，易于學(xué)習(xí)與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學(xué)習(xí)“HTML5的知識點(diǎn)有哪些”吧！

成都創(chuàng)新互聯(lián)專注于嘉黎企業(yè)網(wǎng)站建設(shè),響應(yīng)式網(wǎng)站設(shè)計(jì),商城網(wǎng)站建設(shè)。嘉黎網(wǎng)站建設(shè)公司,為嘉黎等地區(qū)提供建站服務(wù)。全流程定制開發(fā)，專業(yè)設(shè)計(jì)，全程項(xiàng)目跟蹤，成都創(chuàng)新互聯(lián)專業(yè)和態(tài)度為您提供的服務(wù)

1 ：基于HTML5的移動Web應(yīng)用

Canvas繪圖：通過獲取HTML中的Dom元素Canvas，調(diào)用其渲染上下文的Context對象，使用Js進(jìn)行圖形繪制。

多媒體：Video和Audio     （多媒體視頻格式：Ogg  MPEG4  WebM）

本地存儲：通過提供key/value方式存儲數(shù)據(jù)

Web Storage：

基于HTML5的移動Web應(yīng)用

Canvas繪圖：通過獲取HTML中的Dom元素Canvas，調(diào)用其渲染上下文的Context對象，使用Js進(jìn)行圖形繪制。

多媒體：Video和Audio     （多媒體視頻格式：Ogg  MPEG4  WebM）

本地存儲：通過提供key/value方式存儲數(shù)據(jù)

Web Storage：localStorage - 沒有時(shí)間限制的數(shù)據(jù)存儲

sessionStorage - 針對一個(gè) session 的數(shù)據(jù)存儲，當(dāng)用戶關(guān)閉瀏覽器窗口后，數(shù)據(jù)會被刪除

Web SQL Database： 通過類似關(guān)系數(shù)據(jù)庫的形式存儲數(shù)據(jù)（已經(jīng)是個(gè)廢棄的標(biāo)準(zhǔn)了）  三個(gè)核心方法  openDatabase transaction executeSql

離線應(yīng)用：當(dāng)支持離線應(yīng)用的瀏覽器檢測到清單文件（Manifest File），中的任何資源文件時(shí)，便會下載對應(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í)間限制的數(shù)據(jù)存儲

sessionStorage - 針對一個(gè) session 的數(shù)據(jù)存儲，當(dāng)                             用戶關(guān)閉瀏覽器窗口后，數(shù)據(jù)會被刪除

Web SQL Database： 通過類似關(guān)系數(shù)據(jù)庫的形式存儲數(shù)據(jù)（已經(jīng)是個(gè)廢棄的標(biāo)準(zhǔn)了）  三個(gè)核心方法  openDatabase transaction executeSql

離線應(yīng)用：當(dāng)支持離線應(yīng)用的瀏覽器檢測到清單文件（Manifest File），中的任何資源文件時(shí)，便會下載對應(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è)備中，同一個(gè)應(yīng)用程序在不同設(shè)備上保存的數(shù)據(jù)是不同的，比如Android的數(shù)據(jù)IOS訪問不了

先來看看Storage的API ：屬性 length；方法：setItem、getItem、removeItem、clear 當(dāng)然大家看名稱也都能知道這些是什么含義，在這里就不具體贅述各自的具體寫法

sessionStorage： 存儲的數(shù)據(jù)周期只保存在存儲它的當(dāng)前窗口或者當(dāng)前窗口新建的新窗口中，一旦關(guān)閉，數(shù)據(jù)就清除，它承接于Storage的接口，用法和localStorage基本一樣

Storage時(shí)間監(jiān)聽： StorageEvent的API： key、oldValue、newValue、url、StorageArea； Storage時(shí)間可以使用addEventListener進(jìn)行注冊監(jiān)聽

感謝各位的閱讀，以上就是“HTML5的知識點(diǎn)有哪些”的內(nèi)容了，經(jīng)過本文的學(xué)習(xí)后，相信大家對HTML5的知識點(diǎn)有哪些這一問題有了更深刻的體會，具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是創(chuàng)新互聯(lián)，小編將為大家推送更多相關(guān)知識點(diǎn)的文章，歡迎關(guān)注！

網(wǎng)頁題目：HTML5的知識點(diǎn)有哪些
標(biāo)題路徑：http://chinadenli.net/article6/iegeog.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站制作、用戶體驗(yàn)、網(wǎng)站建設(shè)、App開發(fā)、微信公眾號、企業(yè)建站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)