HTML5的技術(shù)組成有哪些

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

　　HTML5從入門到精通第一步了解技術(shù)組成：

　　1、脫機(jī)功能

　　HTML5透過JavaScript提供了數(shù)種不同的脫機(jī)儲存功能，相對于傳統(tǒng)的Cookie而言有更好的彈性以及架構(gòu)，并且可以儲存更多的內(nèi)容。

　　WebStorage:比Cookies更大、更有彈性的的儲存

　　WebSQLDatabase:本地端的SQL數(shù)據(jù)庫

　　IndexedDB:Key-value的本地數(shù)據(jù)庫

　　ApplicationCache:將部分常用的網(wǎng)頁內(nèi)容cache起來

　　2、實(shí)時通訊

　　以往網(wǎng)站由于HTTP協(xié)議以及瀏覽器的設(shè)計，實(shí)時的互動性相當(dāng)?shù)氖芟?，只能使用一些技巧來「仿真」?shí)時的通訊效果，但HTML5提供了完善的實(shí)時通訊支持。

　　WebSocket:實(shí)時的socket聯(lián)機(jī)

　　WebWorkers:以往JavaScript都是singlethread，透過Worker可以有多個運(yùn)算

　　Notifications:原生的提示訊息，類似像OSX的Growl提示

　　3、檔案以及硬件支持

　　不知道大家有沒有發(fā)現(xiàn)，在Gmail等新的網(wǎng)頁程序當(dāng)中，已經(jīng)可以透過拖拉的方式將檔案作為郵件附件?這就是這部份HTML5檔案的功能中的DragnDrop和FileAPI。

　　DragnDrop:HTML元素的拖拉

　　FileAPI:讀取用戶本機(jī)計算機(jī)的內(nèi)容

　　Geolocation:地理定位

　　Deviceorientation:手持裝置的方向

　　Speechinput:語音輸入

　　4、語義化

　　語義化的網(wǎng)絡(luò)是可以讓計算機(jī)能夠更加理解網(wǎng)頁的內(nèi)容，對于像是搜索引擎的優(yōu)化(SEO)或是推薦系統(tǒng)可以有很大的幫助。

　　Newtags:新的標(biāo)簽，像是header、section等

　　Applicationtags:也是新的標(biāo)簽，像是meter、progress等

　　Microdata:加入語義的數(shù)據(jù)讓搜索引擎等網(wǎng)站可以正確顯示

　　Formtype:form可以加入的type便多了，包含email和tel等屬性，瀏覽器會協(xié)助進(jìn)行數(shù)據(jù)格式的驗(yàn)證

　　5、多媒體

　　Audio、Video的卷標(biāo)支持以及Canvas的功能應(yīng)該是大家對于HTML5最熟悉的部份了，也是許多人認(rèn)為Flash會被取代的主要原因。

　　Audiovideo:影片和音樂的原生播放支持

　　Canvas:2D的繪圖功能支持

　　Canvas3D:3D的繪圖功能支持

　　SVG:向量圖支援

　　6、CSS3

　　CSS3支持了字體的嵌入、版面的排版，以及最令人印象深刻的動畫功能。

　　Selector:更有彈性的選擇器

　　Webfonts:嵌入式字體

　　Layout:多樣化的排版選擇

　　Stlyingradiusgradientshadow:圓角、漸層、陰影

　　Borderbackground:邊框的背景支持

　　Transition:組件的移動效果

　　Transform:組件的變形效果

　　Animation:將移動和變形加入動畫支持

　　7、JavaScript

　　在比較JavaScript的基本面也新增了DOM的API、和瀏覽器上下頁的紀(jì)錄修改。

　　DOMAPI:更方便的查詢DOM組件

　　HistoryAPI:瀏覽器的上下頁內(nèi)容修改，方便AJAX可以保留瀏覽記錄

到此，關(guān)于“HTML5的技術(shù)組成有哪些”的學(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實(shí)踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識，請繼續(xù)關(guān)注億速云網(wǎng)站，小編會繼續(xù)努力為大家?guī)砀鄬?shí)用的文章！