html5具備哪些功能

這篇文章主要介紹“html5具備哪些功能”，在日常操作中，相信很多人在html5具備哪些功能問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對(duì)大家解答”html5具備哪些功能”的疑惑有所幫助！接下來，請(qǐng)跟著小編一起來學(xué)習(xí)吧！

創(chuàng)新互聯(lián)建站專業(yè)為企業(yè)提供友好網(wǎng)站建設(shè)、友好做網(wǎng)站、友好網(wǎng)站設(shè)計(jì)、友好網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計(jì)與制作、友好企業(yè)網(wǎng)站模板建站服務(wù)，十多年友好做網(wǎng)站經(jīng)驗(yàn)，不只是建網(wǎng)站，更提供有價(jià)值的思路和整體網(wǎng)絡(luò)服務(wù)。

html5具備的功能：1、新的圖形庫，可以讓網(wǎng)站內(nèi)容變得更加豐富；2、更方便的多媒體內(nèi)容；3、地理定位；4、拖放功能；5、桌面通知；6、離線和存儲(chǔ)；7、性能和集成；8、設(shè)備訪問；9、樣式設(shè)計(jì)等。

本教程操作環(huán)境：windows7系統(tǒng)、HTML5版、Dell G3電腦。

html5具備的功能

1、新的圖形庫：

HTML5引入了Canvas和WebGL函數(shù)庫，可以讓網(wǎng)站內(nèi)容變得更加豐富。特別是WebGL函數(shù)庫，幾乎可以改變這一領(lǐng)域的整個(gè)游戲規(guī)則，只要看看這個(gè)著名的雷神之錘II游戲場景的畫面，這可完全是用HTML5來開發(fā)的。對(duì)我來說，這代表了新的時(shí)代，讓人可以想象未來的游戲是怎么玩的。

2、更方便的多媒體內(nèi)容：

如果曾經(jīng)設(shè)計(jì)過需要包含許多影音內(nèi)容的網(wǎng)站，你就會(huì)了解那種笨重的感覺。常常需要用一堆Flash加上<object>和<embed>標(biāo)記才能獲得想要的效果。但是以后再也不用這么麻煩了，HTML5引入了容易使用的<video>和<audio>標(biāo)記，所以要在網(wǎng)站上加入多媒體內(nèi)容變得比以往更加容易。也正因?yàn)橛羞@樣的功能，所以很多在線視頻網(wǎng)站已經(jīng)開始轉(zhuǎn)移到HTML5了。

3、地理定位：

人們?cè)絹碓缴偻ㄟ^臺(tái)式機(jī)甚至筆記本電腦來使用網(wǎng)絡(luò)了。在今天，有很多人通過手持可移動(dòng)設(shè)備瀏覽網(wǎng)絡(luò)，例如智能手機(jī)和平板電腦。目前這種移動(dòng)化的網(wǎng)絡(luò)訪問特征，再加上HTML5中新的地理定位功能，結(jié)合在一起開創(chuàng)了無數(shù)新的可能性。當(dāng)用戶訪問你的網(wǎng)站時(shí)，可以知道他們的精確位置，讓你能夠提供個(gè)性化內(nèi)容，以配合用戶所在的環(huán)境。例如，當(dāng)訪問一個(gè)與郊游有關(guān)的網(wǎng)站時(shí)，如果發(fā)現(xiàn)你處于鬧市區(qū)，就可以提供行程規(guī)劃相關(guān)的信息；但如果你是在郊區(qū)位置訪問該網(wǎng)站，則默認(rèn)會(huì)顯示互動(dòng)式地圖功能。

4、拖放功能：

這是個(gè)細(xì)微的變動(dòng)，但卻非常重要。拖放功能可以讓你將瀏覽器的內(nèi)容直接拖拉到電腦上，也可以將內(nèi)容從電腦拖拉到瀏覽器上。真的是很劃時(shí)代的改變，不是嗎？來看看這個(gè)展示，想想看，如果社交網(wǎng)站有這樣的功能，當(dāng)你度假回來后，就可以很容易選好你的假期照片，然后拖拉到瀏覽器，就可以馬上和網(wǎng)上的朋友分享。這才
是我想要的網(wǎng)站互動(dòng)方式！

5、桌面通知：

桌面通知是出現(xiàn)在瀏覽器之外的小彈窗，即使在用戶沒有瀏覽網(wǎng)站時(shí)，也可以和網(wǎng)站進(jìn)行互動(dòng)。目前這個(gè)功能只有Google Chrome瀏覽器可以使用，你可以在這里看到展示。這些通知很適合用來做電子郵件通知、社交網(wǎng)絡(luò)更新、微博信息，還有其他服務(wù)中使用。再配合拖放功能后，就真的弱化了在線和本地應(yīng)用程序之間的區(qū)別。

6、離線和存儲(chǔ)

離線資源：應(yīng)用程序緩存。 火狐全面支持 HTML5 離線資源規(guī)范。其他大多數(shù)針對(duì)離線資源僅提供了某種程度上的支持。

在線和離線事件。 Firefox 3 支持 WHATWG 在線和離線事件，這可以讓應(yīng)用程序和擴(kuò)展檢測(cè)是否存在可用的網(wǎng)絡(luò)連接，以及在連接建立和斷開時(shí)能感知到。

WHATWG 客戶端會(huì)話和持久化存儲(chǔ) (又名 DOM 存儲(chǔ))。 客戶端會(huì)話和持久化存儲(chǔ)讓 web 應(yīng)用程序能夠在客戶端存儲(chǔ)結(jié)構(gòu)化數(shù)據(jù)。

IndexedDB。 是一個(gè)為了能夠在瀏覽器中存儲(chǔ)大量結(jié)構(gòu)化數(shù)據(jù)，并且能夠在這些數(shù)據(jù)上使用索引進(jìn)行高性能檢索的 Web 標(biāo)準(zhǔn)。

自 web 應(yīng)用程序中使用文件。 對(duì)新的 HTML5 文件 API 的支持已經(jīng)被添加到 Gecko 中，從而使 Web 應(yīng)用程序可以訪問由用戶選擇的本地文件。這包括使用 type file 的  <input>  元素的新的 multiple 屬性針對(duì)多文件選擇的支持。 還有 FileReader。

7、性能和集成

Web Workers。 能夠把 JavaScript 計(jì)算委托給后臺(tái)線程，通過允許這些活動(dòng)以防止使交互型事件變得緩慢。

XMLHttpRequest Level 2。 允許異步讀取頁面的某些部分，允許其顯示動(dòng)態(tài)內(nèi)容，根據(jù)時(shí)間和用戶行為而有所不同。這是在 Ajax背后的技術(shù)。

即時(shí)編譯的 JavaScript 引擎。 新一代的 JavaScript 引擎功能更強(qiáng)大，性能更杰出。

History API。 允許對(duì)瀏覽器歷史記錄進(jìn)行操作。這對(duì)于那些交互地加載新信息的頁面尤其有用。

conentEditable 屬性：把你的網(wǎng)站改變成 wiki ! HTML5 已經(jīng)把 contentEditable 屬性標(biāo)準(zhǔn)化了。了解更多關(guān)于這個(gè)特性的內(nèi)容。

拖放。 HTML5 的拖放 API 能夠支持在網(wǎng)站內(nèi)部和網(wǎng)站之間拖放項(xiàng)目。同時(shí)也提供了一個(gè)更簡單的供擴(kuò)展和基于 Mozilla 的應(yīng)用程序使用的 API。

HTML 中的焦點(diǎn)管理。 支持新的 HTML5 activeElement 和 hasFocus 屬性。

基于 Web 的協(xié)議處理程序。 你現(xiàn)在可以使用 navigator.registerProtocolHandler() 方法把 web 應(yīng)用程序注冊(cè)成一個(gè)協(xié)議處理程序。

requestAnimationFrame。 允許控制動(dòng)畫渲染以獲得更優(yōu)性能。

全屏 API。 為一個(gè)網(wǎng)頁或者應(yīng)用程序控制使用整個(gè)屏幕，而不顯示瀏覽器界面。

指針鎖定 API。 允許鎖定到內(nèi)容的指針，這樣游戲或者類似的應(yīng)用程序在指針到達(dá)窗口限制時(shí)也不會(huì)失去焦點(diǎn)。

在線和離線事件。 為了構(gòu)建一個(gè)良好的具有離線功能的 web 應(yīng)用程序，你需要知道什么時(shí)候你的應(yīng)用程序確實(shí)離線了。順便提一句，在你的應(yīng)用程序又再回到在線狀態(tài)時(shí)你也需要知道。

8、設(shè)備訪問

使用 Camera API。 允許使用和操作計(jì)算機(jī)的攝像頭，并從中存取照片。

觸控事件。 對(duì)用戶按下觸控屏的事件做出反應(yīng)的處理程序。

使用地理位置定位。 讓瀏覽器使用地理位置服務(wù)定位用戶的位置。

檢測(cè)設(shè)備方向。 讓用戶在運(yùn)行瀏覽器的設(shè)備變更方向時(shí)能夠得到信息。這可以被用作一種輸入設(shè)備（例如制作能夠?qū)υO(shè)備位置做出反應(yīng)的游戲）或者使頁面的布局跟屏幕的方向相適應(yīng)（橫向或縱向）。

指針鎖定 API。 允許鎖定到內(nèi)容的指針，這樣游戲或者類似的應(yīng)用程序在指針到達(dá)窗口限制時(shí)也不會(huì)失去焦點(diǎn)。

9、樣式設(shè)計(jì)

新的背景樣式特性。 現(xiàn)在可以使用 box-shadow 給邏輯框設(shè)置一個(gè)陰影，而且還可以設(shè)置 多背景。

更精美的邊框。 現(xiàn)在不僅可以使用圖像來格式化邊框，使用 border-image 和它關(guān)聯(lián)的普通屬性，而且可以通過 border-radius 屬性來支持圓角邊框。

為你的樣式設(shè)置動(dòng)畫。 使用 CSS Transitions 以在不同的狀態(tài)間設(shè)置動(dòng)畫，或者使用 CSS Animations 在頁面的某些部分設(shè)置動(dòng)畫而不需要一個(gè)觸發(fā)事件，你現(xiàn)在可以在頁面中控制移動(dòng)元素了。

排版方面的改進(jìn)。 作者擁有更高的控制已達(dá)到更佳的排版。他們不但可以控制 text-overflow 和 hyphenation， 而且也可以給它設(shè)置一個(gè) 陰影 或者更精細(xì)地控制它的 decorations。感謝新的 @font-face 規(guī)則，現(xiàn)在我們可以下載并應(yīng)用自定義的字體了。.

新的展示性布局。 為了提高設(shè)計(jì)的靈活性，已經(jīng)有兩種新的布局被添加了進(jìn)來：CSS 多欄布局, 以及 CSS 靈活方框布局。

到此，關(guān)于“html5具備哪些功能”的學(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實(shí)踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識(shí)，請(qǐng)繼續(xù)關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編會(huì)繼續(xù)努力為大家?guī)砀鄬?shí)用的文章！

分享文章：html5具備哪些功能
分享網(wǎng)址：http://muchs.cn/article48/gjgsep.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供關(guān)鍵詞優(yōu)化、網(wǎng)站收錄、微信公眾號(hào)、做網(wǎng)站、小程序開發(fā)、

廣告

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