HTML5的技術組成有哪些

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

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

　　1、脫機功能

　　HTML5透過JavaScript提供了數種不同的脫機儲存功能，相對于傳統的Cookie而言有更好的彈性以及架構，并且可以儲存更多的內容。

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

　　WebSQLDatabase:本地端的SQL數據庫

　　IndexedDB:Key-value的本地數據庫

　　ApplicationCache:將部分常用的網頁內容cache起來

　　2、實時通訊

　　以往網站由于HTTP協議以及瀏覽器的設計，實時的互動性相當的受限，只能使用一些技巧來「仿真」實時的通訊效果，但HTML5提供了完善的實時通訊支持。

　　WebSocket:實時的socket聯機

　　WebWorkers:以往JavaScript都是singlethread，透過Worker可以有多個運算

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

　　3、檔案以及硬件支持

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

　　DragnDrop:HTML元素的拖拉

　　FileAPI:讀取用戶本機計算機的內容

　　Geolocation:地理定位

　　Deviceorientation:手持裝置的方向

　　Speechinput:語音輸入

　　4、語義化

　　語義化的網絡是可以讓計算機能夠更加理解網頁的內容，對于像是搜索引擎的優化(SEO)或是推薦系統可以有很大的幫助。

　　Newtags:新的標簽，像是header、section等

　　Applicationtags:也是新的標簽，像是meter、progress等

　　Microdata:加入語義的數據讓搜索引擎等網站可以正確顯示

　　Formtype:form可以加入的type便多了，包含email和tel等屬性，瀏覽器會協助進行數據格式的驗證

　　5、多媒體

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

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

　　Canvas:2D的繪圖功能支持

　　Canvas3D:3D的繪圖功能支持

　　SVG:向量圖支援

　　6、CSS3

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

　　Selector:更有彈性的選擇器

　　Webfonts:嵌入式字體

　　Layout:多樣化的排版選擇

　　Stlyingradiusgradientshadow:圓角、漸層、陰影

　　Borderbackground:邊框的背景支持

　　Transition:組件的移動效果

　　Transform:組件的變形效果

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

　　7、JavaScript

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

　　DOMAPI:更方便的查詢DOM組件

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

到此，關于“HTML5的技術組成有哪些”的學習就結束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習，快去試試吧！若想繼續學習更多相關知識，請繼續關注億速云網站，小編會繼續努力為大家帶來更多實用的文章！